#AFACA2 - #876E4C | 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 #AFACA2 to #876E4C

#AFACA2 #876E4C

Calculate the color between two colors, #AFACA2 and #876E4C. 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)

#AFACA2 - #876E4C | 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 #AFACA2 as 0% and #876E4C as 100%.

0.0%	0.0% #AFACA2	RGB 175 172 162	#AFACA2
16.7%	16.7% #A8A193	RGB 168 161 147	#A8A193
33.3%	33.3% #A19785	RGB 161 151 133	#A19785
50.0%	50.0% #9B8D77	RGB 155 141 119	#9B8D77
66.7%	66.7% #948268	RGB 148 130 104	#948268
83.3%	83.3% #8D785A	RGB 141 120 90	#8D785A
100.0%	100.0% #876E4C	RGB 135 110 76	#876E4C

#AFACA2 #A8A193 #A19785 #9B8D77 #948268 #8D785A #876E4C

#AFACA2 - #876E4C

HSV Blend

#AFACA2 - #876E4C | 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 #AFACA2 as 0% and #876E4C as 100%.

0.0%	0.0% #AFACA2	RGB 175 172 162	#AFACA2
16.7%	16.7% #A8A291	RGB 168 162 145	#A8A291
33.3%	33.3% #A19882	RGB 161 152 130	#A19882
50.0%	50.0% #9B8E73	RGB 155 142 115	#9B8E73
66.7%	66.7% #948365	RGB 148 131 101	#948365
83.3%	83.3% #8D7858	RGB 141 120 88	#8D7858
100.0%	100.0% #876E4C	RGB 135 110 76	#876E4C

#AFACA2 #A8A291 #A19882 #9B8E73 #948365 #8D7858 #876E4C

#AFACA2 - #9B8E73 - #876E4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFACA2 0%, #9B8E73 50%, #876E4C 100%);
    background: -webkit-linear-gradient(top, #AFACA2 0%, #9B8E73 50%, #876E4C 100%);
    background: linear-gradient(to bottom, #AFACA2 0%, #9B8E73 50%, #876E4C 100%);
}
</style>