#C8C0A1 - #A2854C | 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 #C8C0A1 to #A2854C

#C8C0A1 #A2854C

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

#C8C0A1 - #A2854C | 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 #C8C0A1 as 0% and #A2854C as 100%.

0.0%	0.0% #C8C0A1	RGB 200 192 161	#C8C0A1
16.7%	16.7% #C1B692	RGB 193 182 146	#C1B692
33.3%	33.3% #BBAC84	RGB 187 172 132	#BBAC84
50.0%	50.0% #B5A276	RGB 181 162 118	#B5A276
66.7%	66.7% #AE9868	RGB 174 152 104	#AE9868
83.3%	83.3% #A88E5A	RGB 168 142 90	#A88E5A
100.0%	100.0% #A2854C	RGB 162 133 76	#A2854C

#C8C0A1 #C1B692 #BBAC84 #B5A276 #AE9868 #A88E5A #A2854C

#C8C0A1 - #A2854C

HSV Blend

#C8C0A1 - #A2854C | 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 #C8C0A1 as 0% and #A2854C as 100%.

0.0%	0.0% #C8C0A1	RGB 200 192 161	#C8C0A1
16.7%	16.7% #C1B691	RGB 193 182 145	#C1B691
33.3%	33.3% #BBAD81	RGB 187 173 129	#BBAD81
50.0%	50.0% #B5A373	RGB 181 163 115	#B5A373
66.7%	66.7% #AE9965	RGB 174 153 101	#AE9965
83.3%	83.3% #A88F58	RGB 168 143 88	#A88F58
100.0%	100.0% #A2854C	RGB 162 133 76	#A2854C

#C8C0A1 #C1B691 #BBAD81 #B5A373 #AE9965 #A88F58 #A2854C

#C8C0A1 - #B5A373 - #A2854C

CSS codes

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

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