Royal

Royal purple gradient for premium designs. Luxurious and sophisticated.

linearto-r

Color Stops

#4f46e5

0%

#7c3aed

50%

#9333ea

100%

Code

Tailwind CSS Classeshtml
bg-gradient-to-r from-indigo-600 via-violet-600 to-purple-600
CSS Codecss
linear-gradient(to right, #4f46e5, #7c3aed, #9333ea)

Customize This Gradient

Use our gradient generator to modify colors, direction, and more.

Open Generator