#AFACA7 - #8A6B51 | 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 #AFACA7 to #8A6B51

#AFACA7 #8A6B51

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

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

0.0%	0.0% #AFACA7	RGB 175 172 167	#AFACA7
16.7%	16.7% #A8A198	RGB 168 161 152	#A8A198
33.3%	33.3% #A2968A	RGB 162 150 138	#A2968A
50.0%	50.0% #9C8B7C	RGB 156 139 124	#9C8B7C
66.7%	66.7% #96806D	RGB 150 128 109	#96806D
83.3%	83.3% #90755F	RGB 144 117 95	#90755F
100.0%	100.0% #8A6B51	RGB 138 107 81	#8A6B51

#AFACA7 #A8A198 #A2968A #9C8B7C #96806D #90755F #8A6B51

#AFACA7 - #8A6B51

HSV Blend

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

0.0%	0.0% #AFACA7	RGB 175 172 167	#AFACA7
16.7%	16.7% #A8A196	RGB 168 161 150	#A8A196
33.3%	33.3% #A29687	RGB 162 150 135	#A29687
50.0%	50.0% #9C8C78	RGB 156 140 120	#9C8C78
66.7%	66.7% #96816A	RGB 150 129 106	#96816A
83.3%	83.3% #90765D	RGB 144 118 93	#90765D
100.0%	100.0% #8A6B51	RGB 138 107 81	#8A6B51

#AFACA7 #A8A196 #A29687 #9C8C78 #96816A #90765D #8A6B51

#AFACA7 - #9C8C78 - #8A6B51

CSS codes

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

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