#A86532 - #FAAA49 | 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 #A86532 to #FAAA49

#A86532 #FAAA49

Calculate the color between two colors, #A86532 and #FAAA49. 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)

#A86532 - #FAAA49 | 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 #A86532 as 0% and #FAAA49 as 100%.

0.0%	0.0% #A86532	RGB 168 101 50	#A86532
16.7%	16.7% #B57035	RGB 181 112 53	#B57035
33.3%	33.3% #C37C39	RGB 195 124 57	#C37C39
50.0%	50.0% #D1873D	RGB 209 135 61	#D1873D
66.7%	66.7% #DE9341	RGB 222 147 65	#DE9341
83.3%	83.3% #EC9E45	RGB 236 158 69	#EC9E45
100.0%	100.0% #FAAA49	RGB 250 170 73	#FAAA49

#A86532 #B57035 #C37C39 #D1873D #DE9341 #EC9E45 #FAAA49

#A86532 - #FAAA49

HSV Blend

#A86532 - #FAAA49 | 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 #A86532 as 0% and #FAAA49 as 100%.

0.0%	0.0% #A86532	RGB 168 101 50	#A86532
16.7%	16.7% #B56F35	RGB 181 111 53	#B56F35
33.3%	33.3% #C37A39	RGB 195 122 57	#C37A39
50.0%	50.0% #D1853D	RGB 209 133 61	#D1853D
66.7%	66.7% #DE9141	RGB 222 145 65	#DE9141
83.3%	83.3% #EC9D45	RGB 236 157 69	#EC9D45
100.0%	100.0% #FAAA49	RGB 250 170 73	#FAAA49

#A86532 #B56F35 #C37A39 #D1853D #DE9141 #EC9D45 #FAAA49

#A86532 - #D1853D - #FAAA49

CSS codes

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

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