Amethyst

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

Android color codes


                <color name="Amethyst_1">#5d0085</color>


                <color name="Amethyst_2">#9600d6</color>

Android gradient PRO

Flutter color codes


                const Amethyst1 = Color(0xFF5d0085);


                const Amethyst2 = Color(0xFF9600d6);

Flutter gradient PRO

Gradient information

Purple

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#5d0085	rgb (93, 0, 133)	hsl 282°, 100%, 26%	hsv 282°, 100%, 52%	cmyk 30%, 100%, 0%, 48%	Pantone 2597C
	#9600d6	rgb (150, 0, 214)	hsl 282°, 100%, 42%	hsv 282°, 100%, 84%	cmyk 30%, 100%, 0%, 16%	Pantone 2592C

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