Cloud

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

Android color codes


                <color name="Cloud_1">#03a9f4</color>


                <color name="Cloud_2">#00bcd4</color>

Android gradient PRO

Flutter color codes


                const Cloud1 = Color(0xFF03a9f4);


                const Cloud2 = Color(0xFF00bcd4);

Flutter gradient PRO

Gradient information

Blue

Cyan

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#03a9f4	rgb (3, 169, 244)	hsl 199°, 98%, 48%	hsv 199°, 99%, 96%	cmyk 99%, 31%, 0%, 4%	Pantone 2925C
	#00bcd4	rgb (0, 188, 212)	hsl 187°, 100%, 42%	hsv 187°, 100%, 83%	cmyk 100%, 11%, 0%, 17%	Pantone 311C

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