#AFAAA2 - #8A694C | 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 #AFAAA2 to #8A694C

#AFAAA2 #8A694C

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

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

0.0%	0.0% #AFAAA2	RGB 175 170 162	#AFAAA2
16.7%	16.7% #A89F93	RGB 168 159 147	#A89F93
33.3%	33.3% #A29485	RGB 162 148 133	#A29485
50.0%	50.0% #9C8977	RGB 156 137 119	#9C8977
66.7%	66.7% #967E68	RGB 150 126 104	#967E68
83.3%	83.3% #90735A	RGB 144 115 90	#90735A
100.0%	100.0% #8A694C	RGB 138 105 76	#8A694C

#AFAAA2 #A89F93 #A29485 #9C8977 #967E68 #90735A #8A694C

#AFAAA2 - #8A694C

HSV Blend

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

0.0%	0.0% #AFAAA2	RGB 175 170 162	#AFAAA2
16.7%	16.7% #A89F91	RGB 168 159 145	#A89F91
33.3%	33.3% #A29482	RGB 162 148 130	#A29482
50.0%	50.0% #9C8973	RGB 156 137 115	#9C8973
66.7%	66.7% #967E65	RGB 150 126 101	#967E65
83.3%	83.3% #907358	RGB 144 115 88	#907358
100.0%	100.0% #8A694C	RGB 138 105 76	#8A694C

#AFAAA2 #A89F91 #A29482 #9C8973 #967E65 #907358 #8A694C

#AFAAA2 - #9C8973 - #8A694C

CSS codes

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

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