#5E3021 - #BA7E37 | 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 #5E3021 to #BA7E37

#5E3021 #BA7E37

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

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

0.0%	0.0% #5E3021	RGB 94 48 33	#5E3021
16.7%	16.7% #6D3D24	RGB 109 61 36	#6D3D24
33.3%	33.3% #7C4A28	RGB 124 74 40	#7C4A28
50.0%	50.0% #8C572C	RGB 140 87 44	#8C572C
66.7%	66.7% #9B642F	RGB 155 100 47	#9B642F
83.3%	83.3% #AA7133	RGB 170 113 51	#AA7133
100.0%	100.0% #BA7E37	RGB 186 126 55	#BA7E37

#5E3021 #6D3D24 #7C4A28 #8C572C #9B642F #AA7133 #BA7E37

#5E3021 - #BA7E37

HSV Blend

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

0.0%	0.0% #5E3021	RGB 94 48 33	#5E3021
16.7%	16.7% #6D3A25	RGB 109 58 37	#6D3A25
33.3%	33.3% #7C4629	RGB 124 70 41	#7C4629
50.0%	50.0% #8C522D	RGB 140 82 45	#8C522D
66.7%	66.7% #9B6030	RGB 155 96 48	#9B6030
83.3%	83.3% #AA6E34	RGB 170 110 52	#AA6E34
100.0%	100.0% #BA7E37	RGB 186 126 55	#BA7E37

#5E3021 #6D3A25 #7C4629 #8C522D #9B6030 #AA6E34 #BA7E37

#5E3021 - #8C522D - #BA7E37

CSS codes

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

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