#AA8D5E - #81511A | 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 #AA8D5E to #81511A

#AA8D5E #81511A

Calculate the color between two colors, #AA8D5E and #81511A. 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)

#AA8D5E - #81511A | 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 #AA8D5E as 0% and #81511A as 100%.

0.0%	0.0% #AA8D5E	RGB 170 141 94	#AA8D5E
16.7%	16.7% #A38352	RGB 163 131 82	#A38352
33.3%	33.3% #9C7947	RGB 156 121 71	#9C7947
50.0%	50.0% #956F3C	RGB 149 111 60	#956F3C
66.7%	66.7% #8E6530	RGB 142 101 48	#8E6530
83.3%	83.3% #875B25	RGB 135 91 37	#875B25
100.0%	100.0% #81511A	RGB 129 81 26	#81511A

#AA8D5E #A38352 #9C7947 #956F3C #8E6530 #875B25 #81511A

#AA8D5E - #81511A

HSV Blend

#AA8D5E - #81511A | 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 #AA8D5E as 0% and #81511A as 100%.

0.0%	0.0% #AA8D5E	RGB 170 141 94	#AA8D5E
16.7%	16.7% #A38250	RGB 163 130 80	#A38250
33.3%	33.3% #9C7844	RGB 156 120 68	#9C7844
50.0%	50.0% #956E38	RGB 149 110 56	#956E38
66.7%	66.7% #8E642D	RGB 142 100 45	#8E642D
83.3%	83.3% #875A23	RGB 135 90 35	#875A23
100.0%	100.0% #81511A	RGB 129 81 26	#81511A

#AA8D5E #A38250 #9C7844 #956E38 #8E642D #875A23 #81511A

#AA8D5E - #956E38 - #81511A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA8D5E 0%, #956E38 50%, #81511A 100%);
    background: -webkit-linear-gradient(top, #AA8D5E 0%, #956E38 50%, #81511A 100%);
    background: linear-gradient(to bottom, #AA8D5E 0%, #956E38 50%, #81511A 100%);
}
</style>