#A8A8A7 - #7B6D51 | 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 #A8A8A7 to #7B6D51

#A8A8A7 #7B6D51

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

#A8A8A7 - #7B6D51 | 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 #A8A8A7 as 0% and #7B6D51 as 100%.

0.0%	0.0% #A8A8A7	RGB 168 168 167	#A8A8A7
16.7%	16.7% #A09E98	RGB 160 158 152	#A09E98
33.3%	33.3% #99948A	RGB 153 148 138	#99948A
50.0%	50.0% #918A7C	RGB 145 138 124	#918A7C
66.7%	66.7% #8A806D	RGB 138 128 109	#8A806D
83.3%	83.3% #82765F	RGB 130 118 95	#82765F
100.0%	100.0% #7B6D51	RGB 123 109 81	#7B6D51

#A8A8A7 #A09E98 #99948A #918A7C #8A806D #82765F #7B6D51

#A8A8A7 - #7B6D51

HSV Blend

#A8A8A7 - #7B6D51 | 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 #A8A8A7 as 0% and #7B6D51 as 100%.

0.0%	0.0% #A8A8A7	RGB 168 168 167	#A8A8A7
16.7%	16.7% #A09F96	RGB 160 159 150	#A09F96
33.3%	33.3% #999686	RGB 153 150 134	#999686
50.0%	50.0% #918D78	RGB 145 141 120	#918D78
66.7%	66.7% #8A826A	RGB 138 130 106	#8A826A
83.3%	83.3% #82785D	RGB 130 120 93	#82785D
100.0%	100.0% #7B6D51	RGB 123 109 81	#7B6D51

#A8A8A7 #A09F96 #999686 #918D78 #8A826A #82785D #7B6D51

#A8A8A7 - #918D78 - #7B6D51

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A8A7 0%, #918D78 50%, #7B6D51 100%);
    background: -webkit-linear-gradient(top, #A8A8A7 0%, #918D78 50%, #7B6D51 100%);
    background: linear-gradient(to bottom, #A8A8A7 0%, #918D78 50%, #7B6D51 100%);
}
</style>