#CEC9DA - #866F99 | 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 #CEC9DA to #866F99

#CEC9DA #866F99

Calculate the color between two colors, #CEC9DA and #866F99. 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)

#CEC9DA - #866F99 | 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 #CEC9DA as 0% and #866F99 as 100%.

0.0%	0.0% #CEC9DA	RGB 206 201 218	#CEC9DA
16.7%	16.7% #C2BACF	RGB 194 186 207	#C2BACF
33.3%	33.3% #B6ABC4	RGB 182 171 196	#B6ABC4
50.0%	50.0% #AA9CB9	RGB 170 156 185	#AA9CB9
66.7%	66.7% #9E8DAE	RGB 158 141 174	#9E8DAE
83.3%	83.3% #927EA3	RGB 146 126 163	#927EA3
100.0%	100.0% #866F99	RGB 134 111 153	#866F99

#CEC9DA #C2BACF #B6ABC4 #AA9CB9 #9E8DAE #927EA3 #866F99

#CEC9DA - #866F99

HSV Blend

#CEC9DA - #866F99 | 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 #CEC9DA as 0% and #866F99 as 100%.

0.0%	0.0% #CEC9DA	RGB 206 201 218	#CEC9DA
16.7%	16.7% #BFB8CF	RGB 191 184 207	#BFB8CF
33.3%	33.3% #B2A8C4	RGB 178 168 196	#B2A8C4
50.0%	50.0% #A698B9	RGB 166 152 185	#A698B9
66.7%	66.7% #9B8AAE	RGB 155 138 174	#9B8AAE
83.3%	83.3% #907CA3	RGB 144 124 163	#907CA3
100.0%	100.0% #866F99	RGB 134 111 153	#866F99

#CEC9DA #BFB8CF #B2A8C4 #A698B9 #9B8AAE #907CA3 #866F99

#CEC9DA - #A698B9 - #866F99

CSS codes

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

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