Sweet

Share this gradient with your social timeline or friends ✨

Or copy this link:

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

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>

Flutter color codes


              const Sweet1 = const Color(0xFFffadad);


              const Sweet2 = const Color(0xFFfffde3);


                const Sweet3 = const Color(0xFFffb2f2);

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

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