Sunset

Warm, vibrant gradient inspired by sunset colors. Perfect for hero sections and attention-grabbing headers.

linearto-r

Color Stops

#f97316

0%

#ec4899

50%

#a855f7

100%

Code

Tailwind CSS Classeshtml
bg-gradient-to-r from-orange-500 via-pink-500 to-purple-500
CSS Codecss
linear-gradient(to right, #f97316, #ec4899, #a855f7)

Customize This Gradient

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

Open Generator