Sky

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

Android color codes


                <color name="Sky_1">#3681e3</color>


                <color name="Sky_2">#3810b0</color>

Android gradient PRO

Flutter color codes


                const Sky1 = Color(0xFF3681e3);


                const Sky2 = Color(0xFF3810b0);

Flutter gradient PRO

Gradient information

Blue

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#3681e3	rgb (54, 129, 227)	hsl 214°, 76%, 55%	hsv 214°, 76%, 89%	cmyk 76%, 43%, 0%, 11%	Pantone 2727C
	#3810b0	rgb (56, 16, 176)	hsl 255°, 83%, 38%	hsv 255°, 91%, 69%	cmyk 68%, 91%, 0%, 31%	Pantone 2736C

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