Water

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

Android color codes


                <color name="Water_1">#00b7ff</color>


                <color name="Water_2">#88b3db</color>

Android gradient PRO

Flutter color codes


                const Water1 = Color(0xFF00b7ff);


                const Water2 = Color(0xFF88b3db);

Flutter gradient PRO

Gradient information

Blue

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#00b7ff	rgb (0, 183, 255)	hsl 197°, 100%, 50%	hsv 197°, 100%, 100%	cmyk 100%, 28%, 0%, 0%	Pantone 299C
	#88b3db	rgb (136, 179, 219)	hsl 209°, 54%, 70%	hsv 209°, 38%, 86%	cmyk 38%, 18%, 0%, 14%	Pantone 542C

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