#5E544D - #4F290B | 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 #5E544D to #4F290B

#5E544D #4F290B

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

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

0.0%	0.0% #5E544D	RGB 94 84 77	#5E544D
16.7%	16.7% #5B4C42	RGB 91 76 66	#5B4C42
33.3%	33.3% #594537	RGB 89 69 55	#594537
50.0%	50.0% #563E2C	RGB 86 62 44	#563E2C
66.7%	66.7% #543720	RGB 84 55 32	#543720
83.3%	83.3% #513016	RGB 81 48 22	#513016
100.0%	100.0% #4F290B	RGB 79 41 11	#4F290B

#5E544D #5B4C42 #594537 #563E2C #543720 #513016 #4F290B

#5E544D - #4F290B

HSV Blend

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

0.0%	0.0% #5E544D	RGB 94 84 77	#5E544D
16.7%	16.7% #5B4B40	RGB 91 75 64	#5B4B40
33.3%	33.3% #594434	RGB 89 68 52	#594434
50.0%	50.0% #563C29	RGB 86 60 41	#563C29
66.7%	66.7% #54351E	RGB 84 53 30	#54351E
83.3%	83.3% #512F14	RGB 81 47 20	#512F14
100.0%	100.0% #4F290B	RGB 79 41 11	#4F290B

#5E544D #5B4B40 #594434 #563C29 #54351E #512F14 #4F290B

#5E544D - #563C29 - #4F290B

CSS codes

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

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