Mango

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/1BJnW1NvYe9GU6HYudYA

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

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
	#f7b56b	rgb (247, 181, 107)	hsl 32°, 90%, 69%	hsv 32°, 57%, 97%	cmyk 0%, 27%, 57%, 3%	Pantone 149C
	#f27f59	rgb (242, 127, 89)	hsl 15°, 86%, 65%	hsv 15°, 63%, 95%	cmyk 0%, 48%, 63%, 5%	Pantone 811C

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