Berry Smoothie

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/Vel1cNdZeQu49QfqelMA

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

Android color codes


              <color name="Berry Smoothie_1">#7d0863</color>


              <color name="Berry Smoothie_2">#a1088f</color>


                <color name="Berry Smoothie_3">#cd47c8</color>

Flutter color codes


              const Berry Smoothie1 = const Color(0xFF7d0863);


              const Berry Smoothie2 = const Color(0xFFa1088f);


                const Berry Smoothie3 = const Color(0xFFcd47c8);

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#7d0863	rgb (125, 8, 99)	hsl 313°, 88%, 26%	hsv 313°, 94%, 49%	cmyk 0%, 94%, 21%, 51%	Pantone 2425C
#a1088f	rgb (161, 8, 143)	hsl 307°, 91%, 33%	hsv 307°, 95%, 63%	cmyk 0%, 95%, 11%, 37%	Pantone 248C
#cd47c8	rgb (205, 71, 200)	hsl 302°, 57%, 54%	hsv 302°, 65%, 80%	cmyk 0%, 65%, 2%, 20%	Pantone 246C

How it looks?

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Your text content here

Select UI element

Button