#5E2C20 - #BA7D3B | 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 #5E2C20 to #BA7D3B

#5E2C20 #BA7D3B

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

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

0.0%	0.0% #5E2C20	RGB 94 44 32	#5E2C20
16.7%	16.7% #6D3924	RGB 109 57 36	#6D3924
33.3%	33.3% #7C4729	RGB 124 71 41	#7C4729
50.0%	50.0% #8C542D	RGB 140 84 45	#8C542D
66.7%	66.7% #9B6232	RGB 155 98 50	#9B6232
83.3%	83.3% #AA6F36	RGB 170 111 54	#AA6F36
100.0%	100.0% #BA7D3B	RGB 186 125 59	#BA7D3B

#5E2C20 #6D3924 #7C4729 #8C542D #9B6232 #AA6F36 #BA7D3B

#5E2C20 - #BA7D3B

HSV Blend

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

0.0%	0.0% #5E2C20	RGB 94 44 32	#5E2C20
16.7%	16.7% #6D3624	RGB 109 54 36	#6D3624
33.3%	33.3% #7C4229	RGB 124 66 41	#7C4229
50.0%	50.0% #8C4F2E	RGB 140 79 46	#8C4F2E
66.7%	66.7% #9B5D32	RGB 155 93 50	#9B5D32
83.3%	83.3% #AA6C36	RGB 170 108 54	#AA6C36
100.0%	100.0% #BA7D3B	RGB 186 125 59	#BA7D3B

#5E2C20 #6D3624 #7C4229 #8C4F2E #9B5D32 #AA6C36 #BA7D3B

#5E2C20 - #8C4F2E - #BA7D3B

CSS codes

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

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