#5E2E18 - #BC6A34 | 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 #5E2E18 to #BC6A34

#5E2E18 #BC6A34

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

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

0.0%	0.0% #5E2E18	RGB 94 46 24	#5E2E18
16.7%	16.7% #6D381C	RGB 109 56 28	#6D381C
33.3%	33.3% #7D4221	RGB 125 66 33	#7D4221
50.0%	50.0% #8D4C26	RGB 141 76 38	#8D4C26
66.7%	66.7% #9C562A	RGB 156 86 42	#9C562A
83.3%	83.3% #AC602F	RGB 172 96 47	#AC602F
100.0%	100.0% #BC6A34	RGB 188 106 52	#BC6A34

#5E2E18 #6D381C #7D4221 #8D4C26 #9C562A #AC602F #BC6A34

#5E2E18 - #BC6A34

HSV Blend

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

0.0%	0.0% #5E2E18	RGB 94 46 24	#5E2E18
16.7%	16.7% #6D371C	RGB 109 55 28	#6D371C
33.3%	33.3% #7D4020	RGB 125 64 32	#7D4020
50.0%	50.0% #8D4A25	RGB 141 74 37	#8D4A25
66.7%	66.7% #9C542A	RGB 156 84 42	#9C542A
83.3%	83.3% #AC5F2F	RGB 172 95 47	#AC5F2F
100.0%	100.0% #BC6A34	RGB 188 106 52	#BC6A34

#5E2E18 #6D371C #7D4020 #8D4A25 #9C542A #AC5F2F #BC6A34

#5E2E18 - #8D4A25 - #BC6A34

CSS codes

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

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