#5E4A42 - #4D2208 | 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 #5E4A42 to #4D2208

#5E4A42 #4D2208

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

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

0.0%	0.0% #5E4A42	RGB 94 74 66	#5E4A42
16.7%	16.7% #5B4338	RGB 91 67 56	#5B4338
33.3%	33.3% #583C2E	RGB 88 60 46	#583C2E
50.0%	50.0% #553625	RGB 85 54 37	#553625
66.7%	66.7% #522F1B	RGB 82 47 27	#522F1B
83.3%	83.3% #4F2811	RGB 79 40 17	#4F2811
100.0%	100.0% #4D2208	RGB 77 34 8	#4D2208

#5E4A42 #5B4338 #583C2E #553625 #522F1B #4F2811 #4D2208

#5E4A42 - #4D2208

HSV Blend

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

0.0%	0.0% #5E4A42	RGB 94 74 66	#5E4A42
16.7%	16.7% #5B4136	RGB 91 65 54	#5B4136
33.3%	33.3% #583A2C	RGB 88 58 44	#583A2C
50.0%	50.0% #553322	RGB 85 51 34	#553322
66.7%	66.7% #522D19	RGB 82 45 25	#522D19
83.3%	83.3% #4F2710	RGB 79 39 16	#4F2710
100.0%	100.0% #4D2208	RGB 77 34 8	#4D2208

#5E4A42 #5B4136 #583A2C #553322 #522D19 #4F2710 #4D2208

#5E4A42 - #553322 - #4D2208

CSS codes

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

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