#CEC4DE - #8673AB | 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 #CEC4DE to #8673AB

#CEC4DE #8673AB

Calculate the color between two colors, #CEC4DE and #8673AB. 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)

#CEC4DE - #8673AB | 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 #CEC4DE as 0% and #8673AB as 100%.

0.0%	0.0% #CEC4DE	RGB 206 196 222	#CEC4DE
16.7%	16.7% #C2B6D5	RGB 194 182 213	#C2B6D5
33.3%	33.3% #B6A9CD	RGB 182 169 205	#B6A9CD
50.0%	50.0% #AA9BC4	RGB 170 155 196	#AA9BC4
66.7%	66.7% #9E8EBC	RGB 158 142 188	#9E8EBC
83.3%	83.3% #9280B3	RGB 146 128 179	#9280B3
100.0%	100.0% #8673AB	RGB 134 115 171	#8673AB

#CEC4DE #C2B6D5 #B6A9CD #AA9BC4 #9E8EBC #9280B3 #8673AB

#CEC4DE - #8673AB

HSV Blend

#CEC4DE - #8673AB | 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 #CEC4DE as 0% and #8673AB as 100%.

0.0%	0.0% #CEC4DE	RGB 206 196 222	#CEC4DE
16.7%	16.7% #C1B5D5	RGB 193 181 213	#C1B5D5
33.3%	33.3% #B4A6CD	RGB 180 166 205	#B4A6CD
50.0%	50.0% #A898C4	RGB 168 152 196	#A898C4
66.7%	66.7% #9C8BBC	RGB 156 139 188	#9C8BBC
83.3%	83.3% #917FB3	RGB 145 127 179	#917FB3
100.0%	100.0% #8673AB	RGB 134 115 171	#8673AB

#CEC4DE #C1B5D5 #B4A6CD #A898C4 #9C8BBC #917FB3 #8673AB

#CEC4DE - #A898C4 - #8673AB

CSS codes

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

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