Sugar

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

Android color codes


                <color name="Sugar_1">#e0cccc</color>


                <color name="Sugar_2">#eef0c3</color>

Android gradient PRO

Flutter color codes


                const Sugar1 = Color(0xFFe0cccc);


                const Sugar2 = Color(0xFFeef0c3);

Flutter gradient PRO

Gradient information

Red

Yellow

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#e0cccc	rgb (224, 204, 204)	hsl 0°, 24%, 84%	hsv 0°, 9%, 88%	cmyk 0%, 9%, 9%, 12%	Pantone 691C
	#eef0c3	rgb (238, 240, 195)	hsl 63°, 60%, 85%	hsv 63°, 19%, 94%	cmyk 1%, 0%, 19%, 6%	Pantone 5807C

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