#E3C2FF - #A858CF | 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 #E3C2FF to #A858CF

#E3C2FF #A858CF

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

#E3C2FF - #A858CF | 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 #E3C2FF as 0% and #A858CF as 100%.

0.0%	0.0% #E3C2FF	RGB 227 194 255	#E3C2FF
16.7%	16.7% #D9B0F7	RGB 217 176 247	#D9B0F7
33.3%	33.3% #CF9EEF	RGB 207 158 239	#CF9EEF
50.0%	50.0% #C58DE7	RGB 197 141 231	#C58DE7
66.7%	66.7% #BB7BDF	RGB 187 123 223	#BB7BDF
83.3%	83.3% #B169D7	RGB 177 105 215	#B169D7
100.0%	100.0% #A858CF	RGB 168 88 207	#A858CF

#E3C2FF #D9B0F7 #CF9EEF #C58DE7 #BB7BDF #B169D7 #A858CF

#E3C2FF - #A858CF

HSV Blend

#E3C2FF - #A858CF | 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 #E3C2FF as 0% and #A858CF as 100%.

0.0%	0.0% #E3C2FF	RGB 227 194 255	#E3C2FF
16.7%	16.7% #D7AEF7	RGB 215 174 247	#D7AEF7
33.3%	33.3% #CC9BEF	RGB 204 155 239	#CC9BEF
50.0%	50.0% #C288E7	RGB 194 136 231	#C288E7
66.7%	66.7% #B877DF	RGB 184 119 223	#B877DF
83.3%	83.3% #AF67D7	RGB 175 103 215	#AF67D7
100.0%	100.0% #A858CF	RGB 168 88 207	#A858CF

#E3C2FF #D7AEF7 #CC9BEF #C288E7 #B877DF #AF67D7 #A858CF

#E3C2FF - #C288E7 - #A858CF

CSS codes

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

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