#5E4A36 - #472406 | 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 #5E4A36 to #472406

#5E4A36 #472406

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

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

0.0%	0.0% #5E4A36	RGB 94 74 54	#5E4A36
16.7%	16.7% #5A432E	RGB 90 67 46	#5A432E
33.3%	33.3% #563D26	RGB 86 61 38	#563D26
50.0%	50.0% #52371E	RGB 82 55 30	#52371E
66.7%	66.7% #4E3016	RGB 78 48 22	#4E3016
83.3%	83.3% #4A2A0E	RGB 74 42 14	#4A2A0E
100.0%	100.0% #472406	RGB 71 36 6	#472406

#5E4A36 #5A432E #563D26 #52371E #4E3016 #4A2A0E #472406

#5E4A36 - #472406

HSV Blend

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

0.0%	0.0% #5E4A36	RGB 94 74 54	#5E4A36
16.7%	16.7% #5A432C	RGB 90 67 44	#5A432C
33.3%	33.3% #563C23	RGB 86 60 35	#563C23
50.0%	50.0% #52351B	RGB 82 53 27	#52351B
66.7%	66.7% #4E2F13	RGB 78 47 19	#4E2F13
83.3%	83.3% #4A290C	RGB 74 41 12	#4A290C
100.0%	100.0% #472406	RGB 71 36 6	#472406

#5E4A36 #5A432C #563C23 #52351B #4E2F13 #4A290C #472406

#5E4A36 - #52351B - #472406

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A36 0%, #52351B 50%, #472406 100%);
    background: -webkit-linear-gradient(top, #5E4A36 0%, #52351B 50%, #472406 100%);
    background: linear-gradient(to bottom, #5E4A36 0%, #52351B 50%, #472406 100%);
}
</style>