#5E3712 - #B5822E | 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 #5E3712 to #B5822E

#5E3712 #B5822E

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

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

0.0%	0.0% #5E3712	RGB 94 55 18	#5E3712
16.7%	16.7% #6C4316	RGB 108 67 22	#6C4316
33.3%	33.3% #7B501B	RGB 123 80 27	#7B501B
50.0%	50.0% #895C20	RGB 137 92 32	#895C20
66.7%	66.7% #986924	RGB 152 105 36	#986924
83.3%	83.3% #A67529	RGB 166 117 41	#A67529
100.0%	100.0% #B5822E	RGB 181 130 46	#B5822E

#5E3712 #6C4316 #7B501B #895C20 #986924 #A67529 #B5822E

#5E3712 - #B5822E

HSV Blend

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

0.0%	0.0% #5E3711	RGB 94 55 17	#5E3711
16.7%	16.7% #6C4215	RGB 108 66 21	#6C4215
33.3%	33.3% #7B4D1A	RGB 123 77 26	#7B4D1A
50.0%	50.0% #89591E	RGB 137 89 30	#89591E
66.7%	66.7% #986623	RGB 152 102 35	#986623
83.3%	83.3% #A67428	RGB 166 116 40	#A67428
100.0%	100.0% #B5822E	RGB 181 130 46	#B5822E

#5E3711 #6C4215 #7B4D1A #89591E #986623 #A67428 #B5822E

#5E3712 - #89591E - #B5822E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3711 0%, #89591E 50%, #B5822E 100%);
    background: -webkit-linear-gradient(top, #5E3711 0%, #89591E 50%, #B5822E 100%);
    background: linear-gradient(to bottom, #5E3711 0%, #89591E 50%, #B5822E 100%);
}
</style>