#CEC3C7 - #9D717D | 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 #CEC3C7 to #9D717D

#CEC3C7 #9D717D

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

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

0.0%	0.0% #CEC3C7	RGB 206 195 199	#CEC3C7
16.7%	16.7% #C5B5BA	RGB 197 181 186	#C5B5BA
33.3%	33.3% #BDA7AE	RGB 189 167 174	#BDA7AE
50.0%	50.0% #B59AA2	RGB 181 154 162	#B59AA2
66.7%	66.7% #AD8C95	RGB 173 140 149	#AD8C95
83.3%	83.3% #A57E89	RGB 165 126 137	#A57E89
100.0%	100.0% #9D717D	RGB 157 113 125	#9D717D

#CEC3C7 #C5B5BA #BDA7AE #B59AA2 #AD8C95 #A57E89 #9D717D

#CEC3C7 - #9D717D

HSV Blend

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

0.0%	0.0% #CEC3C7	RGB 206 195 199	#CEC3C7
16.7%	16.7% #C5B3BA	RGB 197 179 186	#C5B3BA
33.3%	33.3% #BDA5AD	RGB 189 165 173	#BDA5AD
50.0%	50.0% #B597A0	RGB 181 151 160	#B597A0
66.7%	66.7% #AD8994	RGB 173 137 148	#AD8994
83.3%	83.3% #A57D88	RGB 165 125 136	#A57D88
100.0%	100.0% #9D717D	RGB 157 113 125	#9D717D

#CEC3C7 #C5B3BA #BDA5AD #B597A0 #AD8994 #A57D88 #9D717D

#CEC3C7 - #B597A0 - #9D717D

CSS codes

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

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