Fire

Energetic gradient with fiery colors. Perfect for sale banners and urgency CTAs.

linearto-r

Color Stops

#facc15

0%

#f97316

50%

#dc2626

100%

Code

Tailwind CSS Classeshtml
bg-gradient-to-r from-yellow-400 via-orange-500 to-red-600
CSS Codecss
linear-gradient(to right, #facc15, #f97316, #dc2626)

Customize This Gradient

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

Open Generator