#5E4548 - #4B0911 | 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 #5E4548 to #4B0911

#5E4548 #4B0911

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

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

0.0%	0.0% #5E4548	RGB 94 69 72	#5E4548
16.7%	16.7% #5A3B3E	RGB 90 59 62	#5A3B3E
33.3%	33.3% #573135	RGB 87 49 53	#573135
50.0%	50.0% #54272C	RGB 84 39 44	#54272C
66.7%	66.7% #511D23	RGB 81 29 35	#511D23
83.3%	83.3% #4E131A	RGB 78 19 26	#4E131A
100.0%	100.0% #4B0911	RGB 75 9 17	#4B0911

#5E4548 #5A3B3E #573135 #54272C #511D23 #4E131A #4B0911

#5E4548 - #4B0911

HSV Blend

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

0.0%	0.0% #5E4548	RGB 94 69 72	#5E4548
16.7%	16.7% #5A393D	RGB 90 57 61	#5A393D
33.3%	33.3% #572E33	RGB 87 46 51	#572E33
50.0%	50.0% #542429	RGB 84 36 41	#542429
66.7%	66.7% #511A21	RGB 81 26 33	#511A21
83.3%	83.3% #4E1118	RGB 78 17 24	#4E1118
100.0%	100.0% #4B0911	RGB 75 9 17	#4B0911

#5E4548 #5A393D #572E33 #542429 #511A21 #4E1118 #4B0911

#5E4548 - #542429 - #4B0911

CSS codes

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

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