#EAA5E8 - #C32CA8 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #EAA5E8 to #C32CA8

#EAA5E8 #C32CA8

Calculate the color between two colors, #EAA5E8 and #C32CA8. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#EAA5E8 - #C32CA8 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #EAA5E8 as 0% and #C32CA8 as 100%.

0.0%	0.0% #EAA5E8	RGB 234 165 232	#EAA5E8
16.7%	16.7% #E390DD	RGB 227 144 221	#E390DD
33.3%	33.3% #DD7CD2	RGB 221 124 210	#DD7CD2
50.0%	50.0% #D668C8	RGB 214 104 200	#D668C8
66.7%	66.7% #D054BD	RGB 208 84 189	#D054BD
83.3%	83.3% #C940B2	RGB 201 64 178	#C940B2
100.0%	100.0% #C32CA8	RGB 195 44 168	#C32CA8

#EAA5E8 #E390DD #DD7CD2 #D668C8 #D054BD #C940B2 #C32CA8

#EAA5E8 - #C32CA8

HSV Blend

#EAA5E8 - #C32CA8 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #EAA5E8 as 0% and #C32CA8 as 100%.

0.0%	0.0% #EAA5E8	RGB 234 165 232	#EAA5E8
16.7%	16.7% #E38EDE	RGB 227 142 222	#E38EDE
33.3%	33.3% #DD78D5	RGB 221 120 213	#DD78D5
50.0%	50.0% #D663CA	RGB 214 99 202	#D663CA
66.7%	66.7% #D050BF	RGB 208 80 191	#D050BF
83.3%	83.3% #C93DB3	RGB 201 61 179	#C93DB3
100.0%	100.0% #C32CA8	RGB 195 44 168	#C32CA8

#EAA5E8 #E38EDE #DD78D5 #D663CA #D050BF #C93DB3 #C32CA8

#EAA5E8 - #D663CA - #C32CA8

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #EAA5E8 0%, #C32CA8 100%);
    background: -webkit-linear-gradient(top, #EAA5E8 0%, #C32CA8 100%);
    background: linear-gradient(to bottom, #EAA5E8 0%, #C32CA8 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EAA5E8 0%, #D663CA 50%, #C32CA8 100%);
    background: -webkit-linear-gradient(top, #EAA5E8 0%, #D663CA 50%, #C32CA8 100%);
    background: linear-gradient(to bottom, #EAA5E8 0%, #D663CA 50%, #C32CA8 100%);
}
</style>