#C9C7B8 - #A08E64 | 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 #C9C7B8 to #A08E64

#C9C7B8 #A08E64

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

#C9C7B8 - #A08E64 | 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 #C9C7B8 as 0% and #A08E64 as 100%.

0.0%	0.0% #C9C7B8	RGB 201 199 184	#C9C7B8
16.7%	16.7% #C2BDAA	RGB 194 189 170	#C2BDAA
33.3%	33.3% #BBB49C	RGB 187 180 156	#BBB49C
50.0%	50.0% #B4AA8E	RGB 180 170 142	#B4AA8E
66.7%	66.7% #ADA180	RGB 173 161 128	#ADA180
83.3%	83.3% #A69772	RGB 166 151 114	#A69772
100.0%	100.0% #A08E64	RGB 160 142 100	#A08E64

#C9C7B8 #C2BDAA #BBB49C #B4AA8E #ADA180 #A69772 #A08E64

#C9C7B8 - #A08E64

HSV Blend

#C9C7B8 - #A08E64 | 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 #C9C7B8 as 0% and #A08E64 as 100%.

0.0%	0.0% #C9C7B8	RGB 201 199 184	#C9C7B8
16.7%	16.7% #C2BEA8	RGB 194 190 168	#C2BEA8
33.3%	33.3% #BBB599	RGB 187 181 153	#BBB599
50.0%	50.0% #B4AB8B	RGB 180 171 139	#B4AB8B
66.7%	66.7% #ADA27D	RGB 173 162 125	#ADA27D
83.3%	83.3% #A69870	RGB 166 152 112	#A69870
100.0%	100.0% #A08E64	RGB 160 142 100	#A08E64

#C9C7B8 #C2BEA8 #BBB599 #B4AB8B #ADA27D #A69870 #A08E64

#C9C7B8 - #B4AB8B - #A08E64

CSS codes

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

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