Berry

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

Android color codes


                <color name="Berry_1">#9f6cf7</color>


                <color name="Berry_2">#411452</color>

Android gradient PRO

Flutter color codes


                const Berry1 = Color(0xFF9f6cf7);


                const Berry2 = Color(0xFF411452);

Flutter gradient PRO

Gradient information

Purple

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#9f6cf7	rgb (159, 108, 247)	hsl 262°, 90%, 70%	hsv 262°, 56%, 97%	cmyk 36%, 56%, 0%, 3%	Pantone 2665C
	#411452	rgb (65, 20, 82)	hsl 284°, 61%, 20%	hsv 284°, 76%, 32%	cmyk 21%, 76%, 0%, 68%	Pantone 2627C

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