#5E4842 - #4F2007 | 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 #5E4842 to #4F2007

#5E4842 #4F2007

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

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

0.0%	0.0% #5E4842	RGB 94 72 66	#5E4842
16.7%	16.7% #5B4138	RGB 91 65 56	#5B4138
33.3%	33.3% #593A2E	RGB 89 58 46	#593A2E
50.0%	50.0% #563424	RGB 86 52 36	#563424
66.7%	66.7% #542D1A	RGB 84 45 26	#542D1A
83.3%	83.3% #512610	RGB 81 38 16	#512610
100.0%	100.0% #4F2007	RGB 79 32 7	#4F2007

#5E4842 #5B4138 #593A2E #563424 #542D1A #512610 #4F2007

#5E4842 - #4F2007

HSV Blend

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

0.0%	0.0% #5E4842	RGB 94 72 66	#5E4842
16.7%	16.7% #5B3F36	RGB 91 63 54	#5B3F36
33.3%	33.3% #59372C	RGB 89 55 44	#59372C
50.0%	50.0% #563022	RGB 86 48 34	#563022
66.7%	66.7% #542A18	RGB 84 42 24	#542A18
83.3%	83.3% #51240F	RGB 81 36 15	#51240F
100.0%	100.0% #4F2007	RGB 79 32 7	#4F2007

#5E4842 #5B3F36 #59372C #563022 #542A18 #51240F #4F2007

#5E4842 - #563022 - #4F2007

CSS codes

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

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