Blade

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

Android color codes


                <color name="Blade_1">#222F3D</color>


                <color name="Blade_2">#3D556E</color>

Android gradient PRO

Flutter color codes


                const Blade1 = Color(0xFF222F3D);


                const Blade2 = Color(0xFF3D556E);

Flutter gradient PRO

Gradient information

Black

Grey

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#222F3D	rgb (34, 47, 61)	hsl 211°, 28%, 19%	hsv 211°, 44%, 24%	cmyk 44%, 23%, 0%, 76%	Pantone 433C
	#3D556E	rgb (61, 85, 110)	hsl 211°, 29%, 34%	hsv 211°, 45%, 43%	cmyk 45%, 23%, 0%, 57%	Pantone 3025C

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