#AFA6A4 - #8C554E | 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 #AFA6A4 to #8C554E

#AFA6A4 #8C554E

Calculate the color between two colors, #AFA6A4 and #8C554E. 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)

#AFA6A4 - #8C554E | 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 #AFA6A4 as 0% and #8C554E as 100%.

0.0%	0.0% #AFA6A4	RGB 175 166 164	#AFA6A4
16.7%	16.7% #A99895	RGB 169 152 149	#A99895
33.3%	33.3% #A38B87	RGB 163 139 135	#A38B87
50.0%	50.0% #9D7D79	RGB 157 125 121	#9D7D79
66.7%	66.7% #97706A	RGB 151 112 106	#97706A
83.3%	83.3% #91625C	RGB 145 98 92	#91625C
100.0%	100.0% #8C554E	RGB 140 85 78	#8C554E

#AFA6A4 #A99895 #A38B87 #9D7D79 #97706A #91625C #8C554E

#AFA6A4 - #8C554E

HSV Blend

#AFA6A4 - #8C554E | 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 #AFA6A4 as 0% and #8C554E as 100%.

0.0%	0.0% #AFA6A4	RGB 175 166 164	#AFA6A4
16.7%	16.7% #A99793	RGB 169 151 147	#A99793
33.3%	33.3% #A38984	RGB 163 137 132	#A38984
50.0%	50.0% #9D7B75	RGB 157 123 117	#9D7B75
66.7%	66.7% #976E67	RGB 151 110 103	#976E67
83.3%	83.3% #91615A	RGB 145 97 90	#91615A
100.0%	100.0% #8C554E	RGB 140 85 78	#8C554E

#AFA6A4 #A99793 #A38984 #9D7B75 #976E67 #91615A #8C554E

#AFA6A4 - #9D7B75 - #8C554E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFA6A4 0%, #9D7B75 50%, #8C554E 100%);
    background: -webkit-linear-gradient(top, #AFA6A4 0%, #9D7B75 50%, #8C554E 100%);
    background: linear-gradient(to bottom, #AFA6A4 0%, #9D7B75 50%, #8C554E 100%);
}
</style>