#C8C3A2 - #A08A4D | 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 #C8C3A2 to #A08A4D

#C8C3A2 #A08A4D

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

#C8C3A2 - #A08A4D | 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 #C8C3A2 as 0% and #A08A4D as 100%.

0.0%	0.0% #C8C3A2	RGB 200 195 162	#C8C3A2
16.7%	16.7% #C1B993	RGB 193 185 147	#C1B993
33.3%	33.3% #BAB085	RGB 186 176 133	#BAB085
50.0%	50.0% #B4A677	RGB 180 166 119	#B4A677
66.7%	66.7% #AD9D69	RGB 173 157 105	#AD9D69
83.3%	83.3% #A6935B	RGB 166 147 91	#A6935B
100.0%	100.0% #A08A4D	RGB 160 138 77	#A08A4D

#C8C3A2 #C1B993 #BAB085 #B4A677 #AD9D69 #A6935B #A08A4D

#C8C3A2 - #A08A4D

HSV Blend

#C8C3A2 - #A08A4D | 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 #C8C3A2 as 0% and #A08A4D as 100%.

0.0%	0.0% #C8C3A2	RGB 200 195 162	#C8C3A2
16.7%	16.7% #C1BA92	RGB 193 186 146	#C1BA92
33.3%	33.3% #BAB082	RGB 186 176 130	#BAB082
50.0%	50.0% #B4A774	RGB 180 167 116	#B4A774
66.7%	66.7% #AD9D66	RGB 173 157 102	#AD9D66
83.3%	83.3% #A69359	RGB 166 147 89	#A69359
100.0%	100.0% #A08A4D	RGB 160 138 77	#A08A4D

#C8C3A2 #C1BA92 #BAB082 #B4A774 #AD9D66 #A69359 #A08A4D

#C8C3A2 - #B4A774 - #A08A4D

CSS codes

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

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