#CDC7CE - #9C76AB | 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 #CDC7CE to #9C76AB

#CDC7CE #9C76AB

Calculate the color between two colors, #CDC7CE and #9C76AB. 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)

#CDC7CE - #9C76AB | 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 #CDC7CE as 0% and #9C76AB as 100%.

0.0%	0.0% #CDC7CE	RGB 205 199 206	#CDC7CE
16.7%	16.7% #C4B9C8	RGB 196 185 200	#C4B9C8
33.3%	33.3% #BCACC2	RGB 188 172 194	#BCACC2
50.0%	50.0% #B49EBC	RGB 180 158 188	#B49EBC
66.7%	66.7% #AC91B6	RGB 172 145 182	#AC91B6
83.3%	83.3% #A483B0	RGB 164 131 176	#A483B0
100.0%	100.0% #9C76AB	RGB 156 118 171	#9C76AB

#CDC7CE #C4B9C8 #BCACC2 #B49EBC #AC91B6 #A483B0 #9C76AB

#CDC7CE - #9C76AB

HSV Blend

#CDC7CE - #9C76AB | 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 #CDC7CE as 0% and #9C76AB as 100%.

0.0%	0.0% #CDC7CE	RGB 205 199 206	#CDC7CE
16.7%	16.7% #C5B8C8	RGB 197 184 200	#C5B8C8
33.3%	33.3% #BDA9C2	RGB 189 169 194	#BDA9C2
50.0%	50.0% #B59CBC	RGB 181 156 188	#B59CBC
66.7%	66.7% #AD8EB6	RGB 173 142 182	#AD8EB6
83.3%	83.3% #A482B0	RGB 164 130 176	#A482B0
100.0%	100.0% #9C76AB	RGB 156 118 171	#9C76AB

#CDC7CE #C5B8C8 #BDA9C2 #B59CBC #AD8EB6 #A482B0 #9C76AB

#CDC7CE - #B59CBC - #9C76AB

CSS codes

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

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