#AC0EB5 - #E7BAE9 | 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 #AC0EB5 to #E7BAE9

#AC0EB5 #E7BAE9

Calculate the color between two colors, #AC0EB5 and #E7BAE9. 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)

#AC0EB5 - #E7BAE9 | 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 #AC0EB5 as 0% and #E7BAE9 as 100%.

0.0%	0.0% #AC0EB5	RGB 172 14 181	#AC0EB5
16.7%	16.7% #B52ABD	RGB 181 42 189	#B52ABD
33.3%	33.3% #BF47C6	RGB 191 71 198	#BF47C6
50.0%	50.0% #C964CF	RGB 201 100 207	#C964CF
66.7%	66.7% #D380D7	RGB 211 128 215	#D380D7
83.3%	83.3% #DD9DE0	RGB 221 157 224	#DD9DE0
100.0%	100.0% #E7BAE9	RGB 231 186 233	#E7BAE9

#AC0EB5 #B52ABD #BF47C6 #C964CF #D380D7 #DD9DE0 #E7BAE9

#AC0EB5 - #E7BAE9

HSV Blend

#AC0EB5 - #E7BAE9 | 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 #AC0EB5 as 0% and #E7BAE9 as 100%.

0.0%	0.0% #AC0DB5	RGB 172 13 181	#AC0DB5
16.7%	16.7% #B525BD	RGB 181 37 189	#B525BD
33.3%	33.3% #BF3FC6	RGB 191 63 198	#BF3FC6
50.0%	50.0% #C95ACF	RGB 201 90 207	#C95ACF
66.7%	66.7% #D378D7	RGB 211 120 215	#D378D7
83.3%	83.3% #DD98E0	RGB 221 152 224	#DD98E0
100.0%	100.0% #E7BAE9	RGB 231 186 233	#E7BAE9

#AC0DB5 #B525BD #BF3FC6 #C95ACF #D378D7 #DD98E0 #E7BAE9

#AC0EB5 - #C95ACF - #E7BAE9

CSS codes

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

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