Storm

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

Android color codes


                <color name="Storm_1">#566a6e</color>


                <color name="Storm_2">#6c7c85</color>

Android gradient PRO

Flutter color codes


                const Storm1 = Color(0xFF566a6e);


                const Storm2 = Color(0xFF6c7c85);

Flutter gradient PRO

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	Color details
	#566a6e	rgb (86, 106, 110)	hsl 190°, 12%, 38%	hsv 190°, 22%, 43%	cmyk 22%, 4%, 0%, 57%	Pantone 431C
	#6c7c85	rgb (108, 124, 133)	hsl 202°, 10%, 47%	hsv 202°, 19%, 52%	cmyk 19%, 7%, 0%, 48%	Pantone 444C

Color blindness

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