#59531D - #A1AF3E | 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 #59531D to #A1AF3E

#59531D #A1AF3E

Calculate the color between two colors, #59531D and #A1AF3E. 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)

#59531D - #A1AF3E | 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 #59531D as 0% and #A1AF3E as 100%.

0.0%	0.0% #59531D	RGB 89 83 29	#59531D
16.7%	16.7% #656222	RGB 101 98 34	#656222
33.3%	33.3% #717128	RGB 113 113 40	#717128
50.0%	50.0% #7D812D	RGB 125 129 45	#7D812D
66.7%	66.7% #899033	RGB 137 144 51	#899033
83.3%	83.3% #959F38	RGB 149 159 56	#959F38
100.0%	100.0% #A1AF3E	RGB 161 175 62	#A1AF3E

#59531D #656222 #717128 #7D812D #899033 #959F38 #A1AF3E

#59531D - #A1AF3E

HSV Blend

#59531D - #A1AF3E | 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 #59531D as 0% and #A1AF3E as 100%.

0.0%	0.0% #59531D	RGB 89 83 29	#59531D
16.7%	16.7% #676222	RGB 103 98 34	#676222
33.3%	33.3% #757327	RGB 117 115 39	#757327
50.0%	50.0% #82842C	RGB 130 132 44	#82842C
66.7%	66.7% #8D9232	RGB 141 146 50	#8D9232
83.3%	83.3% #97A038	RGB 151 160 56	#97A038
100.0%	100.0% #A1AF3E	RGB 161 175 62	#A1AF3E

#59531D #676222 #757327 #82842C #8D9232 #97A038 #A1AF3E

#59531D - #82842C - #A1AF3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #59531D 0%, #82842C 50%, #A1AF3E 100%);
    background: -webkit-linear-gradient(top, #59531D 0%, #82842C 50%, #A1AF3E 100%);
    background: linear-gradient(to bottom, #59531D 0%, #82842C 50%, #A1AF3E 100%);
}
</style>