#5E2F0E - #BC6926 | 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 #5E2F0E to #BC6926

#5E2F0E #BC6926

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

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

0.0%	0.0% #5E2F0E	RGB 94 47 14	#5E2F0E
16.7%	16.7% #6D3812	RGB 109 56 18	#6D3812
33.3%	33.3% #7D4216	RGB 125 66 22	#7D4216
50.0%	50.0% #8D4C1A	RGB 141 76 26	#8D4C1A
66.7%	66.7% #9C551E	RGB 156 85 30	#9C551E
83.3%	83.3% #AC5F22	RGB 172 95 34	#AC5F22
100.0%	100.0% #BC6926	RGB 188 105 38	#BC6926

#5E2F0E #6D3812 #7D4216 #8D4C1A #9C551E #AC5F22 #BC6926

#5E2F0E - #BC6926

HSV Blend

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

0.0%	0.0% #5E2F0D	RGB 94 47 13	#5E2F0D
16.7%	16.7% #6D3711	RGB 109 55 17	#6D3711
33.3%	33.3% #7D4114	RGB 125 65 20	#7D4114
50.0%	50.0% #8D4A18	RGB 141 74 24	#8D4A18
66.7%	66.7% #9C541C	RGB 156 84 28	#9C541C
83.3%	83.3% #AC5E21	RGB 172 94 33	#AC5E21
100.0%	100.0% #BC6926	RGB 188 105 38	#BC6926

#5E2F0D #6D3711 #7D4114 #8D4A18 #9C541C #AC5E21 #BC6926

#5E2F0E - #8D4A18 - #BC6926

CSS codes

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

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