#AA8F5E - #81531A | 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 #AA8F5E to #81531A

#AA8F5E #81531A

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

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

0.0%	0.0% #AA8F5E	RGB 170 143 94	#AA8F5E
16.7%	16.7% #A38552	RGB 163 133 82	#A38552
33.3%	33.3% #9C7B47	RGB 156 123 71	#9C7B47
50.0%	50.0% #95713C	RGB 149 113 60	#95713C
66.7%	66.7% #8E6730	RGB 142 103 48	#8E6730
83.3%	83.3% #875D25	RGB 135 93 37	#875D25
100.0%	100.0% #81531A	RGB 129 83 26	#81531A

#AA8F5E #A38552 #9C7B47 #95713C #8E6730 #875D25 #81531A

#AA8F5E - #81531A

HSV Blend

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

0.0%	0.0% #AA8F5E	RGB 170 143 94	#AA8F5E
16.7%	16.7% #A38450	RGB 163 132 80	#A38450
33.3%	33.3% #9C7A44	RGB 156 122 68	#9C7A44
50.0%	50.0% #957038	RGB 149 112 56	#957038
66.7%	66.7% #8E662D	RGB 142 102 45	#8E662D
83.3%	83.3% #875C23	RGB 135 92 35	#875C23
100.0%	100.0% #81531A	RGB 129 83 26	#81531A

#AA8F5E #A38450 #9C7A44 #957038 #8E662D #875C23 #81531A

#AA8F5E - #957038 - #81531A

CSS codes

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

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