#5E3613 - #B47F2E | 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 #5E3613 to #B47F2E

#5E3613 #B47F2E

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

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

0.0%	0.0% #5E3613	RGB 94 54 19	#5E3613
16.7%	16.7% #6C4217	RGB 108 66 23	#6C4217
33.3%	33.3% #7A4E1C	RGB 122 78 28	#7A4E1C
50.0%	50.0% #895A20	RGB 137 90 32	#895A20
66.7%	66.7% #976625	RGB 151 102 37	#976625
83.3%	83.3% #A57229	RGB 165 114 41	#A57229
100.0%	100.0% #B47F2E	RGB 180 127 46	#B47F2E

#5E3613 #6C4217 #7A4E1C #895A20 #976625 #A57229 #B47F2E

#5E3613 - #B47F2E

HSV Blend

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

0.0%	0.0% #5E3612	RGB 94 54 18	#5E3612
16.7%	16.7% #6C4016	RGB 108 64 22	#6C4016
33.3%	33.3% #7A4C1A	RGB 122 76 26	#7A4C1A
50.0%	50.0% #89571F	RGB 137 87 31	#89571F
66.7%	66.7% #976423	RGB 151 100 35	#976423
83.3%	83.3% #A57128	RGB 165 113 40	#A57128
100.0%	100.0% #B47F2E	RGB 180 127 46	#B47F2E

#5E3612 #6C4016 #7A4C1A #89571F #976423 #A57128 #B47F2E

#5E3613 - #89571F - #B47F2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3612 0%, #89571F 50%, #B47F2E 100%);
    background: -webkit-linear-gradient(top, #5E3612 0%, #89571F 50%, #B47F2E 100%);
    background: linear-gradient(to bottom, #5E3612 0%, #89571F 50%, #B47F2E 100%);
}
</style>