#5E4641 - #4F1E07 | 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 #5E4641 to #4F1E07

#5E4641 #4F1E07

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

#5E4641 - #4F1E07 | 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 #5E4641 as 0% and #4F1E07 as 100%.

0.0%	0.0% #5E4641	RGB 94 70 65	#5E4641
16.7%	16.7% #5B3F37	RGB 91 63 55	#5B3F37
33.3%	33.3% #59382D	RGB 89 56 45	#59382D
50.0%	50.0% #563224	RGB 86 50 36	#563224
66.7%	66.7% #542B1A	RGB 84 43 26	#542B1A
83.3%	83.3% #512410	RGB 81 36 16	#512410
100.0%	100.0% #4F1E07	RGB 79 30 7	#4F1E07

#5E4641 #5B3F37 #59382D #563224 #542B1A #512410 #4F1E07

#5E4641 - #4F1E07

HSV Blend

#5E4641 - #4F1E07 | 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 #5E4641 as 0% and #4F1E07 as 100%.

0.0%	0.0% #5E4641	RGB 94 70 65	#5E4641
16.7%	16.7% #5B3D36	RGB 91 61 54	#5B3D36
33.3%	33.3% #59352B	RGB 89 53 43	#59352B
50.0%	50.0% #562E21	RGB 86 46 33	#562E21
66.7%	66.7% #542818	RGB 84 40 24	#542818
83.3%	83.3% #51220F	RGB 81 34 15	#51220F
100.0%	100.0% #4F1E07	RGB 79 30 7	#4F1E07

#5E4641 #5B3D36 #59352B #562E21 #542818 #51220F #4F1E07

#5E4641 - #562E21 - #4F1E07

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4641 0%, #562E21 50%, #4F1E07 100%);
    background: -webkit-linear-gradient(top, #5E4641 0%, #562E21 50%, #4F1E07 100%);
    background: linear-gradient(to bottom, #5E4641 0%, #562E21 50%, #4F1E07 100%);
}
</style>