#C8C2B9 - #A48265 | 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 #C8C2B9 to #A48265

#C8C2B9 #A48265

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

#C8C2B9 - #A48265 | 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 #C8C2B9 as 0% and #A48265 as 100%.

0.0%	0.0% #C8C2B9	RGB 200 194 185	#C8C2B9
16.7%	16.7% #C2B7AB	RGB 194 183 171	#C2B7AB
33.3%	33.3% #BCAC9D	RGB 188 172 157	#BCAC9D
50.0%	50.0% #B6A28F	RGB 182 162 143	#B6A28F
66.7%	66.7% #B09781	RGB 176 151 129	#B09781
83.3%	83.3% #AA8C73	RGB 170 140 115	#AA8C73
100.0%	100.0% #A48265	RGB 164 130 101	#A48265

#C8C2B9 #C2B7AB #BCAC9D #B6A28F #B09781 #AA8C73 #A48265

#C8C2B9 - #A48265

HSV Blend

#C8C2B9 - #A48265 | 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 #C8C2B9 as 0% and #A48265 as 100%.

0.0%	0.0% #C8C2B9	RGB 200 194 185	#C8C2B9
16.7%	16.7% #C2B7A9	RGB 194 183 169	#C2B7A9
33.3%	33.3% #BCAD9A	RGB 188 173 154	#BCAD9A
50.0%	50.0% #B6A28C	RGB 182 162 140	#B6A28C
66.7%	66.7% #B0977E	RGB 176 151 126	#B0977E
83.3%	83.3% #AA8C71	RGB 170 140 113	#AA8C71
100.0%	100.0% #A48265	RGB 164 130 101	#A48265

#C8C2B9 #C2B7A9 #BCAD9A #B6A28C #B0977E #AA8C71 #A48265

#C8C2B9 - #B6A28C - #A48265

CSS codes

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

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