Awesome

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

Android color codes


                <color name="Awesome_1">#45ffc4</color>


                <color name="Awesome_2">#4577ff</color>

Android gradient PRO

Flutter color codes


                const Awesome1 = Color(0xFF45ffc4);


                const Awesome2 = Color(0xFF4577ff);

Flutter gradient PRO

Gradient information

Green

Blue

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#45ffc4	rgb (69, 255, 196)	hsl 161°, 100%, 64%	hsv 161°, 73%, 100%	cmyk 73%, 0%, 23%, 0%	Pantone 3385C
	#4577ff	rgb (69, 119, 255)	hsl 224°, 100%, 64%	hsv 224°, 73%, 100%	cmyk 73%, 53%, 0%, 0%	Pantone 2726C

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