#C9C7B9 - #A08D66 | 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 #C9C7B9 to #A08D66

#C9C7B9 #A08D66

Calculate the color between two colors, #C9C7B9 and #A08D66. 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)

#C9C7B9 - #A08D66 | 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 #C9C7B9 as 0% and #A08D66 as 100%.

0.0%	0.0% #C9C7B9	RGB 201 199 185	#C9C7B9
16.7%	16.7% #C2BDAB	RGB 194 189 171	#C2BDAB
33.3%	33.3% #BBB39D	RGB 187 179 157	#BBB39D
50.0%	50.0% #B4AA8F	RGB 180 170 143	#B4AA8F
66.7%	66.7% #ADA081	RGB 173 160 129	#ADA081
83.3%	83.3% #A69673	RGB 166 150 115	#A69673
100.0%	100.0% #A08D66	RGB 160 141 102	#A08D66

#C9C7B9 #C2BDAB #BBB39D #B4AA8F #ADA081 #A69673 #A08D66

#C9C7B9 - #A08D66

HSV Blend

#C9C7B9 - #A08D66 | 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 #C9C7B9 as 0% and #A08D66 as 100%.

0.0%	0.0% #C9C7B9	RGB 201 199 185	#C9C7B9
16.7%	16.7% #C2BEA9	RGB 194 190 169	#C2BEA9
33.3%	33.3% #BBB59A	RGB 187 181 154	#BBB59A
50.0%	50.0% #B4AB8C	RGB 180 171 140	#B4AB8C
66.7%	66.7% #ADA17F	RGB 173 161 127	#ADA17F
83.3%	83.3% #A69772	RGB 166 151 114	#A69772
100.0%	100.0% #A08D66	RGB 160 141 102	#A08D66

#C9C7B9 #C2BEA9 #BBB59A #B4AB8C #ADA17F #A69772 #A08D66

#C9C7B9 - #B4AB8C - #A08D66

CSS codes

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

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