#AFAA7E - #85712E | 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 #AFAA7E to #85712E

#AFAA7E #85712E

Calculate the color between two colors, #AFAA7E and #85712E. 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)

#AFAA7E - #85712E | 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 #AFAA7E as 0% and #85712E as 100%.

0.0%	0.0% #AFAA7E	RGB 175 170 126	#AFAA7E
16.7%	16.7% #A8A070	RGB 168 160 112	#A8A070
33.3%	33.3% #A19763	RGB 161 151 99	#A19763
50.0%	50.0% #9A8D56	RGB 154 141 86	#9A8D56
66.7%	66.7% #938448	RGB 147 132 72	#938448
83.3%	83.3% #8C7A3B	RGB 140 122 59	#8C7A3B
100.0%	100.0% #85712E	RGB 133 113 46	#85712E

#AFAA7E #A8A070 #A19763 #9A8D56 #938448 #8C7A3B #85712E

#AFAA7E - #85712E

HSV Blend

#AFAA7E - #85712E | 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 #AFAA7E as 0% and #85712E as 100%.

0.0%	0.0% #AFAA7E	RGB 175 170 126	#AFAA7E
16.7%	16.7% #A8A06E	RGB 168 160 110	#A8A06E
33.3%	33.3% #A1975F	RGB 161 151 95	#A1975F
50.0%	50.0% #9A8E52	RGB 154 142 82	#9A8E52
66.7%	66.7% #938445	RGB 147 132 69	#938445
83.3%	83.3% #8C7A39	RGB 140 122 57	#8C7A39
100.0%	100.0% #85712E	RGB 133 113 46	#85712E

#AFAA7E #A8A06E #A1975F #9A8E52 #938445 #8C7A39 #85712E

#AFAA7E - #9A8E52 - #85712E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFAA7E 0%, #9A8E52 50%, #85712E 100%);
    background: -webkit-linear-gradient(top, #AFAA7E 0%, #9A8E52 50%, #85712E 100%);
    background: linear-gradient(to bottom, #AFAA7E 0%, #9A8E52 50%, #85712E 100%);
}
</style>