Flame

Orientation	CSS (Click text to copy. If you can't copy, just hit Ctrl+C)
To Right	`background: linear-gradient(to right, #ff5500, #ff0000);`
To Left	`background: linear-gradient(to left, #ff5500, #ff0000);`
To Bottom	`background: linear-gradient(to bottom, #ff5500, #ff0000);`
To Top	`background: linear-gradient(to top, #ff5500, #ff0000);`

Android color codes


                <color name="Flame_1">#ff5500</color>


                <color name="Flame_2">#ff0000</color>

Android gradient PRO

Flutter color codes


                const Flame1 = Color(0xFFff5500);


                const Flame2 = Color(0xFFff0000);

Flutter gradient PRO

Gradient information

Red

Orange

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#ff5500	rgb (255, 85, 0)	hsl 20°, 100%, 50%	hsv 20°, 100%, 100%	cmyk 0%, 67%, 100%, 0%	Pantone 1655C
	#ff0000	rgb (255, 0, 0)	hsl 0°, 100%, 50%	hsv 0°, 100%, 100%	cmyk 0%, 100%, 100%, 0%	Pantone 172C

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Far far away, behind the word mountains

Featured tools

Gradient generator

Palette generator