#AF8D5E - #5A400D | 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 #AF8D5E to #5A400D

#AF8D5E #5A400D

Calculate the color between two colors, #AF8D5E and #5A400D. 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)

#AF8D5E - #5A400D | 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 #AF8D5E as 0% and #5A400D as 100%.

0.0%	0.0% #AF8D5E	RGB 175 141 94	#AF8D5E
16.7%	16.7% #A08050	RGB 160 128 80	#A08050
33.3%	33.3% #927343	RGB 146 115 67	#927343
50.0%	50.0% #846635	RGB 132 102 53	#846635
66.7%	66.7% #765928	RGB 118 89 40	#765928
83.3%	83.3% #684C1A	RGB 104 76 26	#684C1A
100.0%	100.0% #5A400D	RGB 90 64 13	#5A400D

#AF8D5E #A08050 #927343 #846635 #765928 #684C1A #5A400D

#AF8D5E - #5A400D

HSV Blend

#AF8D5E - #5A400D | 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 #AF8D5E as 0% and #5A400D as 100%.

0.0%	0.0% #AF8D5E	RGB 175 141 94	#AF8D5E
16.7%	16.7% #A07E4B	RGB 160 126 75	#A07E4B
33.3%	33.3% #92703B	RGB 146 112 59	#92703B
50.0%	50.0% #84632D	RGB 132 99 45	#84632D
66.7%	66.7% #765720	RGB 118 87 32	#765720
83.3%	83.3% #684B15	RGB 104 75 21	#684B15
100.0%	100.0% #5A400D	RGB 90 64 13	#5A400D

#AF8D5E #A07E4B #92703B #84632D #765720 #684B15 #5A400D

#AF8D5E - #84632D - #5A400D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF8D5E 0%, #84632D 50%, #5A400D 100%);
    background: -webkit-linear-gradient(top, #AF8D5E 0%, #84632D 50%, #5A400D 100%);
    background: linear-gradient(to bottom, #AF8D5E 0%, #84632D 50%, #5A400D 100%);
}
</style>