Sweet

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

Android color codes


                <color name="Sweet_1">#ffadad</color>


                <color name="Sweet_2">#fffde3</color>


                <color name="Sweet_3">#ffb2f2</color>

Android gradient PRO

Flutter color codes


                const Sweet1 = Color(0xFFffadad);


                const Sweet2 = Color(0xFFfffde3);


                const Sweet3 = Color(0xFFffb2f2);

Flutter gradient PRO

Gradient information

Pink

Yellow

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#ffadad	rgb (255, 173, 173)	hsl 0°, 100%, 84%	hsv 0°, 32%, 100%	cmyk 0%, 32%, 32%, 0%	Pantone 169C
#fffde3	rgb (255, 253, 227)	hsl 56°, 100%, 95%	hsv 56°, 11%, 100%	cmyk 0%, 1%, 11%, 0%	Pantone 621C
#ffb2f2	rgb (255, 178, 242)	hsl 310°, 100%, 85%	hsv 310°, 30%, 100%	cmyk 0%, 30%, 5%, 0%	Pantone 236C

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