#A86540 - #FAAC5A | 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 #A86540 to #FAAC5A

#A86540 #FAAC5A

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

#A86540 - #FAAC5A | 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 #A86540 as 0% and #FAAC5A as 100%.

0.0%	0.0% #A86540	RGB 168 101 64	#A86540
16.7%	16.7% #B57044	RGB 181 112 68	#B57044
33.3%	33.3% #C37C48	RGB 195 124 72	#C37C48
50.0%	50.0% #D1884D	RGB 209 136 77	#D1884D
66.7%	66.7% #DE9451	RGB 222 148 81	#DE9451
83.3%	83.3% #ECA055	RGB 236 160 85	#ECA055
100.0%	100.0% #FAAC5A	RGB 250 172 90	#FAAC5A

#A86540 #B57044 #C37C48 #D1884D #DE9451 #ECA055 #FAAC5A

#A86540 - #FAAC5A

HSV Blend

#A86540 - #FAAC5A | 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 #A86540 as 0% and #FAAC5A as 100%.

0.0%	0.0% #A86540	RGB 168 101 64	#A86540
16.7%	16.7% #B56F44	RGB 181 111 68	#B56F44
33.3%	33.3% #C37A49	RGB 195 122 73	#C37A49
50.0%	50.0% #D1864D	RGB 209 134 77	#D1864D
66.7%	66.7% #DE9251	RGB 222 146 81	#DE9251
83.3%	83.3% #EC9F55	RGB 236 159 85	#EC9F55
100.0%	100.0% #FAAC5A	RGB 250 172 90	#FAAC5A

#A86540 #B56F44 #C37A49 #D1864D #DE9251 #EC9F55 #FAAC5A

#A86540 - #D1864D - #FAAC5A

CSS codes

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

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