Flame Pro

Beautiful 4-stop gradient with rich fire color palette

Firefirelinear4-stop

CSS Code

CSS

background: linear-gradient(60deg, #ff030b, #f33b00, #fca500, #ffdf00);

Tailwind

bg-gradient-to-tr from-[#ff030b] via-[#f33b00] via-[#fca500] to-[#ffdf00]

Type

Linear

Angle

60°

Colors

4 stops

#ff030b

Stop 1

#f33b00

Stop 2

#fca500

Stop 3

#ffdf00

Stop 4

Perfect for: