#CDC2E3 - #8A6ECB | 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 #CDC2E3 to #8A6ECB

#CDC2E3 #8A6ECB

Calculate the color between two colors, #CDC2E3 and #8A6ECB. 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)

#CDC2E3 - #8A6ECB | 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 #CDC2E3 as 0% and #8A6ECB as 100%.

0.0%	0.0% #CDC2E3	RGB 205 194 227	#CDC2E3
16.7%	16.7% #C1B4DF	RGB 193 180 223	#C1B4DF
33.3%	33.3% #B6A6DB	RGB 182 166 219	#B6A6DB
50.0%	50.0% #AB98D7	RGB 171 152 215	#AB98D7
66.7%	66.7% #A08AD3	RGB 160 138 211	#A08AD3
83.3%	83.3% #957CCF	RGB 149 124 207	#957CCF
100.0%	100.0% #8A6ECB	RGB 138 110 203	#8A6ECB

#CDC2E3 #C1B4DF #B6A6DB #AB98D7 #A08AD3 #957CCF #8A6ECB

#CDC2E3 - #8A6ECB

HSV Blend

#CDC2E3 - #8A6ECB | 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 #CDC2E3 as 0% and #8A6ECB as 100%.

0.0%	0.0% #CDC2E3	RGB 205 194 227	#CDC2E3
16.7%	16.7% #C1B2DF	RGB 193 178 223	#C1B2DF
33.3%	33.3% #B5A4DB	RGB 181 164 219	#B5A4DB
50.0%	50.0% #AA96D7	RGB 170 150 215	#AA96D7
66.7%	66.7% #9F88D3	RGB 159 136 211	#9F88D3
83.3%	83.3% #947ACF	RGB 148 122 207	#947ACF
100.0%	100.0% #8A6ECB	RGB 138 110 203	#8A6ECB

#CDC2E3 #C1B2DF #B5A4DB #AA96D7 #9F88D3 #947ACF #8A6ECB

#CDC2E3 - #AA96D7 - #8A6ECB

CSS codes

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

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