Mango

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/gEtvMkAYdZs0o6Uh04k8

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

Android color codes


              <color name="Mango_1">#fff0b3</color>


              <color name="Mango_2">#ffe375</color>


                <color name="Mango_3">#ffd08a</color>

Flutter color codes


              const Mango1 = const Color(0xFFfff0b3);


              const Mango2 = const Color(0xFFffe375);


                const Mango3 = const Color(0xFFffd08a);

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#fff0b3	rgb (255, 240, 179)	hsl 48°, 100%, 85%	hsv 48°, 30%, 100%	cmyk 0%, 6%, 30%, 0%	Pantone 607C
#ffe375	rgb (255, 227, 117)	hsl 48°, 100%, 73%	hsv 48°, 54%, 100%	cmyk 0%, 11%, 54%, 0%	Pantone 127C
#ffd08a	rgb (255, 208, 138)	hsl 36°, 100%, 77%	hsv 36°, 46%, 100%	cmyk 0%, 18%, 46%, 0%	Pantone 1345C

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