#AB8F5E - #82531A | 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 #AB8F5E to #82531A

#AB8F5E #82531A

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

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

0.0%	0.0% #AB8F5E	RGB 171 143 94	#AB8F5E
16.7%	16.7% #A48552	RGB 164 133 82	#A48552
33.3%	33.3% #9D7B47	RGB 157 123 71	#9D7B47
50.0%	50.0% #96713C	RGB 150 113 60	#96713C
66.7%	66.7% #8F6730	RGB 143 103 48	#8F6730
83.3%	83.3% #885D25	RGB 136 93 37	#885D25
100.0%	100.0% #82531A	RGB 130 83 26	#82531A

#AB8F5E #A48552 #9D7B47 #96713C #8F6730 #885D25 #82531A

#AB8F5E - #82531A

HSV Blend

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

0.0%	0.0% #AB8F5E	RGB 171 143 94	#AB8F5E
16.7%	16.7% #A48450	RGB 164 132 80	#A48450
33.3%	33.3% #9D7A44	RGB 157 122 68	#9D7A44
50.0%	50.0% #967038	RGB 150 112 56	#967038
66.7%	66.7% #8F662D	RGB 143 102 45	#8F662D
83.3%	83.3% #885C23	RGB 136 92 35	#885C23
100.0%	100.0% #82531A	RGB 130 83 26	#82531A

#AB8F5E #A48450 #9D7A44 #967038 #8F662D #885C23 #82531A

#AB8F5E - #967038 - #82531A

CSS codes

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

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