#C8C0A2 - #A2854D | 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 #C8C0A2 to #A2854D

#C8C0A2 #A2854D

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

#C8C0A2 - #A2854D | 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 #C8C0A2 as 0% and #A2854D as 100%.

0.0%	0.0% #C8C0A2	RGB 200 192 162	#C8C0A2
16.7%	16.7% #C1B693	RGB 193 182 147	#C1B693
33.3%	33.3% #BBAC85	RGB 187 172 133	#BBAC85
50.0%	50.0% #B5A277	RGB 181 162 119	#B5A277
66.7%	66.7% #AE9869	RGB 174 152 105	#AE9869
83.3%	83.3% #A88E5B	RGB 168 142 91	#A88E5B
100.0%	100.0% #A2854D	RGB 162 133 77	#A2854D

#C8C0A2 #C1B693 #BBAC85 #B5A277 #AE9869 #A88E5B #A2854D

#C8C0A2 - #A2854D

HSV Blend

#C8C0A2 - #A2854D | 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 #C8C0A2 as 0% and #A2854D as 100%.

0.0%	0.0% #C8C0A2	RGB 200 192 162	#C8C0A2
16.7%	16.7% #C1B692	RGB 193 182 146	#C1B692
33.3%	33.3% #BBAC82	RGB 187 172 130	#BBAC82
50.0%	50.0% #B5A374	RGB 181 163 116	#B5A374
66.7%	66.7% #AE9966	RGB 174 153 102	#AE9966
83.3%	83.3% #A88F59	RGB 168 143 89	#A88F59
100.0%	100.0% #A2854D	RGB 162 133 77	#A2854D

#C8C0A2 #C1B692 #BBAC82 #B5A374 #AE9966 #A88F59 #A2854D

#C8C0A2 - #B5A374 - #A2854D

CSS codes

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

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