#C7A895 - #A76240 | 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 #C7A895 to #A76240

#C7A895 #A76240

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

#C7A895 - #A76240 | 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 #C7A895 as 0% and #A76240 as 100%.

0.0%	0.0% #C7A895	RGB 199 168 149	#C7A895
16.7%	16.7% #C19C86	RGB 193 156 134	#C19C86
33.3%	33.3% #BC9078	RGB 188 144 120	#BC9078
50.0%	50.0% #B7856A	RGB 183 133 106	#B7856A
66.7%	66.7% #B1795C	RGB 177 121 92	#B1795C
83.3%	83.3% #AC6D4E	RGB 172 109 78	#AC6D4E
100.0%	100.0% #A76240	RGB 167 98 64	#A76240

#C7A895 #C19C86 #BC9078 #B7856A #B1795C #AC6D4E #A76240

#C7A895 - #A76240

HSV Blend

#C7A895 - #A76240 | 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 #C7A895 as 0% and #A76240 as 100%.

0.0%	0.0% #C7A895	RGB 199 168 149	#C7A895
16.7%	16.7% #C19B85	RGB 193 155 133	#C19B85
33.3%	33.3% #BC8F76	RGB 188 143 118	#BC8F76
50.0%	50.0% #B78367	RGB 183 131 103	#B78367
66.7%	66.7% #B17859	RGB 177 120 89	#B17859
83.3%	83.3% #AC6C4C	RGB 172 108 76	#AC6C4C
100.0%	100.0% #A76240	RGB 167 98 64	#A76240

#C7A895 #C19B85 #BC8F76 #B78367 #B17859 #AC6C4C #A76240

#C7A895 - #B78367 - #A76240

CSS codes

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

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