#C7AF9F - #A86A4A | 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 #C7AF9F to #A86A4A

#C7AF9F #A86A4A

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

#C7AF9F - #A86A4A | 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 #C7AF9F as 0% and #A86A4A as 100%.

0.0%	0.0% #C7AF9F	RGB 199 175 159	#C7AF9F
16.7%	16.7% #C1A390	RGB 193 163 144	#C1A390
33.3%	33.3% #BC9882	RGB 188 152 130	#BC9882
50.0%	50.0% #B78C74	RGB 183 140 116	#B78C74
66.7%	66.7% #B28166	RGB 178 129 102	#B28166
83.3%	83.3% #AD7558	RGB 173 117 88	#AD7558
100.0%	100.0% #A86A4A	RGB 168 106 74	#A86A4A

#C7AF9F #C1A390 #BC9882 #B78C74 #B28166 #AD7558 #A86A4A

#C7AF9F - #A86A4A

HSV Blend

#C7AF9F - #A86A4A | 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 #C7AF9F as 0% and #A86A4A as 100%.

0.0%	0.0% #C7AF9F	RGB 199 175 159	#C7AF9F
16.7%	16.7% #C1A38F	RGB 193 163 143	#C1A38F
33.3%	33.3% #BC9780	RGB 188 151 128	#BC9780
50.0%	50.0% #B78B71	RGB 183 139 113	#B78B71
66.7%	66.7% #B28063	RGB 178 128 99	#B28063
83.3%	83.3% #AD7456	RGB 173 116 86	#AD7456
100.0%	100.0% #A86A4A	RGB 168 106 74	#A86A4A

#C7AF9F #C1A38F #BC9780 #B78B71 #B28063 #AD7456 #A86A4A

#C7AF9F - #B78B71 - #A86A4A

CSS codes

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

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