Modern

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

Android color codes


                <color name="Modern_1">#2b00ff</color>


                <color name="Modern_2">#6600ff</color>

Android gradient PRO

Flutter color codes


                const Modern1 = Color(0xFF2b00ff);


                const Modern2 = Color(0xFF6600ff);

Flutter gradient PRO

Gradient information

Blue

Purple

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#2b00ff	rgb (43, 0, 255)	hsl 250°, 100%, 50%	hsv 250°, 100%, 100%	cmyk 83%, 100%, 0%, 0%	Pantone 2736C
	#6600ff	rgb (102, 0, 255)	hsl 264°, 100%, 50%	hsv 264°, 100%, 100%	cmyk 60%, 100%, 0%, 0%	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