Grappe

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

Android color codes


                <color name="Grappe_1">#5a1399</color>


                <color name="Grappe_2">#1a1582</color>

Android gradient PRO

Flutter color codes


                const Grappe1 = Color(0xFF5a1399);


                const Grappe2 = Color(0xFF1a1582);

Flutter gradient PRO

Gradient information

Purple

Blue

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#5a1399	rgb (90, 19, 153)	hsl 272°, 78%, 34%	hsv 272°, 88%, 60%	cmyk 41%, 88%, 0%, 40%	Pantone 2597C
	#1a1582	rgb (26, 21, 130)	hsl 243°, 72%, 30%	hsv 243°, 84%, 51%	cmyk 80%, 84%, 0%, 49%	Pantone 2746C

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