Heat

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

Android color codes


                <color name="Heat_1">#f58080</color>


                <color name="Heat_2">#f5a1a1</color>

Android gradient PRO

Flutter color codes


                const Heat1 = Color(0xFFf58080);


                const Heat2 = Color(0xFFf5a1a1);

Flutter gradient PRO

Gradient information

Red

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	Color schemes
	#f58080	rgb (245, 128, 128)	hsl 0°, 85%, 73%	hsv 0°, 48%, 96%	cmyk 0%, 48%, 48%, 4%	Pantone 177C
	#f5a1a1	rgb (245, 161, 161)	hsl 0°, 81%, 80%	hsv 0°, 34%, 96%	cmyk 0%, 34%, 34%, 4%	Pantone 169C

Click a color format to copy to your clipboard.

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