Atom

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

Android color codes


                <color name="Atom_1">#002bba</color>


                <color name="Atom_2">#c90000</color>

Android gradient PRO

Flutter color codes


                const Atom1 = Color(0xFF002bba);


                const Atom2 = Color(0xFFc90000);

Flutter gradient PRO

Gradient information

Blue

Red

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#002bba	rgb (0, 43, 186)	hsl 226°, 100%, 37%	hsv 226°, 100%, 73%	cmyk 100%, 77%, 0%, 27%	Pantone 2736C
	#c90000	rgb (201, 0, 0)	hsl 0°, 100%, 39%	hsv 0°, 100%, 79%	cmyk 0%, 100%, 100%, 21%	Pantone 485C

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