Heat

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/ay8wUS2QAdaPfauB5Eft

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);`

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
	#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

How it looks?

Color blindness filter

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

Your text content here

Select UI element

Button