POWER

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

Android color codes


                <color name="POWER_1">#0009B7</color>


                <color name="POWER_2">#7814C8</color>

Android gradient PRO

Flutter color codes


                const POWER1 = Color(0xFF0009B7);


                const POWER2 = Color(0xFF7814C8);

Flutter gradient PRO

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	Color details
	#0009B7	rgb (0, 9, 183)	hsl 237°, 100%, 36%	hsv 237°, 100%, 72%	cmyk 100%, 95%, 0%, 28%	Pantone 2736C
	#7814C8	rgb (120, 20, 200)	hsl 273°, 82%, 43%	hsv 273°, 90%, 78%	cmyk 40%, 90%, 0%, 22%	Pantone 2592C

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