Peace

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/KICyQtq2Bo3mroO52sDv

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

Android color codes


              <color name="Peace_1">#80ffb5</color>


              <color name="Peace_2">#94d4ff</color>


                <color name="Peace_3">#809bff</color>

Flutter color codes


              const Peace1 = const Color(0xFF80ffb5);


              const Peace2 = const Color(0xFF94d4ff);


                const Peace3 = const Color(0xFF809bff);

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#80ffb5	rgb (128, 255, 181)	hsl 145°, 100%, 75%	hsv 145°, 50%, 100%	cmyk 50%, 0%, 29%, 0%	Pantone 353C
#94d4ff	rgb (148, 212, 255)	hsl 204°, 100%, 79%	hsv 204°, 42%, 100%	cmyk 42%, 17%, 0%, 0%	Pantone 2905C
#809bff	rgb (128, 155, 255)	hsl 227°, 100%, 75%	hsv 227°, 50%, 100%	cmyk 50%, 39%, 0%, 0%	Pantone 2718C

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