#CDCCC7 - #868D76 | 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 #CDCCC7 to #868D76

#CDCCC7 #868D76

Calculate the color between two colors, #CDCCC7 and #868D76. 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)

#CDCCC7 - #868D76 | 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 #CDCCC7 as 0% and #868D76 as 100%.

0.0%	0.0% #CDCCC7	RGB 205 204 199	#CDCCC7
16.7%	16.7% #C1C1B9	RGB 193 193 185	#C1C1B9
33.3%	33.3% #B5B7AC	RGB 181 183 172	#B5B7AC
50.0%	50.0% #A9AC9E	RGB 169 172 158	#A9AC9E
66.7%	66.7% #9DA291	RGB 157 162 145	#9DA291
83.3%	83.3% #919783	RGB 145 151 131	#919783
100.0%	100.0% #868D76	RGB 134 141 118	#868D76

#CDCCC7 #C1C1B9 #B5B7AC #A9AC9E #9DA291 #919783 #868D76

#CDCCC7 - #868D76

HSV Blend

#CDCCC7 - #868D76 | 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 #CDCCC7 as 0% and #868D76 as 100%.

0.0%	0.0% #CDCCC7	RGB 205 204 199	#CDCCC7
16.7%	16.7% #C2C1B8	RGB 194 193 184	#C2C1B8
33.3%	33.3% #B7B7AA	RGB 183 183 170	#B7B7AA
50.0%	50.0% #ABAD9C	RGB 171 173 156	#ABAD9C
66.7%	66.7% #9FA28F	RGB 159 162 143	#9FA28F
83.3%	83.3% #929782	RGB 146 151 130	#929782
100.0%	100.0% #868D76	RGB 134 141 118	#868D76

#CDCCC7 #C2C1B8 #B7B7AA #ABAD9C #9FA28F #929782 #868D76

#CDCCC7 - #ABAD9C - #868D76

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDCCC7 0%, #ABAD9C 50%, #868D76 100%);
    background: -webkit-linear-gradient(top, #CDCCC7 0%, #ABAD9C 50%, #868D76 100%);
    background: linear-gradient(to bottom, #CDCCC7 0%, #ABAD9C 50%, #868D76 100%);
}
</style>