#CDD0C4 - #8C9A71 | 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 #CDD0C4 to #8C9A71

#CDD0C4 #8C9A71

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

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

0.0%	0.0% #CDD0C4	RGB 205 208 196	#CDD0C4
16.7%	16.7% #C2C7B6	RGB 194 199 182	#C2C7B6
33.3%	33.3% #B7BEA8	RGB 183 190 168	#B7BEA8
50.0%	50.0% #ACB59A	RGB 172 181 154	#ACB59A
66.7%	66.7% #A1AC8C	RGB 161 172 140	#A1AC8C
83.3%	83.3% #96A37E	RGB 150 163 126	#96A37E
100.0%	100.0% #8C9A71	RGB 140 154 113	#8C9A71

#CDD0C4 #C2C7B6 #B7BEA8 #ACB59A #A1AC8C #96A37E #8C9A71

#CDD0C4 - #8C9A71

HSV Blend

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

0.0%	0.0% #CDD0C4	RGB 205 208 196	#CDD0C4
16.7%	16.7% #C2C7B4	RGB 194 199 180	#C2C7B4
33.3%	33.3% #B7BEA5	RGB 183 190 165	#B7BEA5
50.0%	50.0% #ACB597	RGB 172 181 151	#ACB597
66.7%	66.7% #A1AC8A	RGB 161 172 138	#A1AC8A
83.3%	83.3% #96A37D	RGB 150 163 125	#96A37D
100.0%	100.0% #8C9A71	RGB 140 154 113	#8C9A71

#CDD0C4 #C2C7B4 #B7BEA5 #ACB597 #A1AC8A #96A37D #8C9A71

#CDD0C4 - #ACB597 - #8C9A71

CSS codes

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

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