#C8C5B5 - #A08B61 | 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 #C8C5B5 to #A08B61

#C8C5B5 #A08B61

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

#C8C5B5 - #A08B61 | 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 #C8C5B5 as 0% and #A08B61 as 100%.

0.0%	0.0% #C8C5B5	RGB 200 197 181	#C8C5B5
16.7%	16.7% #C1BBA7	RGB 193 187 167	#C1BBA7
33.3%	33.3% #BAB199	RGB 186 177 153	#BAB199
50.0%	50.0% #B4A88B	RGB 180 168 139	#B4A88B
66.7%	66.7% #AD9E7D	RGB 173 158 125	#AD9E7D
83.3%	83.3% #A6946F	RGB 166 148 111	#A6946F
100.0%	100.0% #A08B61	RGB 160 139 97	#A08B61

#C8C5B5 #C1BBA7 #BAB199 #B4A88B #AD9E7D #A6946F #A08B61

#C8C5B5 - #A08B61

HSV Blend

#C8C5B5 - #A08B61 | 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 #C8C5B5 as 0% and #A08B61 as 100%.

0.0%	0.0% #C8C5B5	RGB 200 197 181	#C8C5B5
16.7%	16.7% #C1BCA5	RGB 193 188 165	#C1BCA5
33.3%	33.3% #BAB296	RGB 186 178 150	#BAB296
50.0%	50.0% #B4A988	RGB 180 169 136	#B4A988
66.7%	66.7% #AD9F7A	RGB 173 159 122	#AD9F7A
83.3%	83.3% #A6956D	RGB 166 149 109	#A6956D
100.0%	100.0% #A08B61	RGB 160 139 97	#A08B61

#C8C5B5 #C1BCA5 #BAB296 #B4A988 #AD9F7A #A6956D #A08B61

#C8C5B5 - #B4A988 - #A08B61

CSS codes

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

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