#BA8A41 - #8C4D0F | 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 #BA8A41 to #8C4D0F

#BA8A41 #8C4D0F

Calculate the color between two colors, #BA8A41 and #8C4D0F. 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)

#BA8A41 - #8C4D0F | 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 #BA8A41 as 0% and #8C4D0F as 100%.

0.0%	0.0% #BA8A41	RGB 186 138 65	#BA8A41
16.7%	16.7% #B27F38	RGB 178 127 56	#B27F38
33.3%	33.3% #AA7530	RGB 170 117 48	#AA7530
50.0%	50.0% #A36B28	RGB 163 107 40	#A36B28
66.7%	66.7% #9B611F	RGB 155 97 31	#9B611F
83.3%	83.3% #935717	RGB 147 87 23	#935717
100.0%	100.0% #8C4D0F	RGB 140 77 15	#8C4D0F

#BA8A41 #B27F38 #AA7530 #A36B28 #9B611F #935717 #8C4D0F

#BA8A41 - #8C4D0F

HSV Blend

#BA8A41 - #8C4D0F | 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 #BA8A41 as 0% and #8C4D0F as 100%.

0.0%	0.0% #BA8A41	RGB 186 138 65	#BA8A41
16.7%	16.7% #B27F37	RGB 178 127 55	#B27F37
33.3%	33.3% #AA742D	RGB 170 116 45	#AA742D
50.0%	50.0% #A36A25	RGB 163 106 37	#A36A25
66.7%	66.7% #9B601D	RGB 155 96 29	#9B601D
83.3%	83.3% #935615	RGB 147 86 21	#935615
100.0%	100.0% #8C4D0F	RGB 140 77 15	#8C4D0F

#BA8A41 #B27F37 #AA742D #A36A25 #9B601D #935615 #8C4D0F

#BA8A41 - #A36A25 - #8C4D0F

CSS codes

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

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