#BA8348 - #8D4611 | 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 #BA8348 to #8D4611

#BA8348 #8D4611

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

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

0.0%	0.0% #BA8348	RGB 186 131 72	#BA8348
16.7%	16.7% #B2783E	RGB 178 120 62	#B2783E
33.3%	33.3% #AB6E35	RGB 171 110 53	#AB6E35
50.0%	50.0% #A3642C	RGB 163 100 44	#A3642C
66.7%	66.7% #9C5A23	RGB 156 90 35	#9C5A23
83.3%	83.3% #94501A	RGB 148 80 26	#94501A
100.0%	100.0% #8D4611	RGB 141 70 17	#8D4611

#BA8348 #B2783E #AB6E35 #A3642C #9C5A23 #94501A #8D4611

#BA8348 - #8D4611

HSV Blend

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

0.0%	0.0% #BA8347	RGB 186 131 71	#BA8347
16.7%	16.7% #B2783D	RGB 178 120 61	#B2783D
33.3%	33.3% #AB6D33	RGB 171 109 51	#AB6D33
50.0%	50.0% #A36329	RGB 163 99 41	#A36329
66.7%	66.7% #9C5920	RGB 156 89 32	#9C5920
83.3%	83.3% #944F18	RGB 148 79 24	#944F18
100.0%	100.0% #8D4611	RGB 141 70 17	#8D4611

#BA8347 #B2783D #AB6D33 #A36329 #9C5920 #944F18 #8D4611

#BA8348 - #A36329 - #8D4611

CSS codes

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

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