#CDC3CE - #8F6F8B | 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 #CDC3CE to #8F6F8B

#CDC3CE #8F6F8B

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

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

0.0%	0.0% #CDC3CE	RGB 205 195 206	#CDC3CE
16.7%	16.7% #C2B5C2	RGB 194 181 194	#C2B5C2
33.3%	33.3% #B8A7B7	RGB 184 167 183	#B8A7B7
50.0%	50.0% #AE99AC	RGB 174 153 172	#AE99AC
66.7%	66.7% #A38BA1	RGB 163 139 161	#A38BA1
83.3%	83.3% #997D96	RGB 153 125 150	#997D96
100.0%	100.0% #8F6F8B	RGB 143 111 139	#8F6F8B

#CDC3CE #C2B5C2 #B8A7B7 #AE99AC #A38BA1 #997D96 #8F6F8B

#CDC3CE - #8F6F8B

HSV Blend

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

0.0%	0.0% #CDC3CE	RGB 205 195 206	#CDC3CE
16.7%	16.7% #C2B3C3	RGB 194 179 195	#C2B3C3
33.3%	33.3% #B8A4B9	RGB 184 164 185	#B8A4B9
50.0%	50.0% #AE96AE	RGB 174 150 174	#AE96AE
66.7%	66.7% #A488A2	RGB 164 136 162	#A488A2
83.3%	83.3% #997B96	RGB 153 123 150	#997B96
100.0%	100.0% #8F6F8B	RGB 143 111 139	#8F6F8B

#CDC3CE #C2B3C3 #B8A4B9 #AE96AE #A488A2 #997B96 #8F6F8B

#CDC3CE - #AE96AE - #8F6F8B

CSS codes

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

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