Cloudy

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

Android color codes


                <color name="Cloudy_1">#c7e9ff</color>


                <color name="Cloudy_2">#b3c7cc</color>

Android gradient PRO

Flutter color codes


                const Cloudy1 = Color(0xFFc7e9ff);


                const Cloudy2 = Color(0xFFb3c7cc);

Flutter gradient PRO

Gradient information

Blue

Grey

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#c7e9ff	rgb (199, 233, 255)	hsl 204°, 100%, 89%	hsv 204°, 22%, 100%	cmyk 22%, 9%, 0%, 0%	Pantone 290C
	#b3c7cc	rgb (179, 199, 204)	hsl 192°, 20%, 75%	hsv 192°, 12%, 80%	cmyk 12%, 2%, 0%, 20%	Pantone 5445C

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