#5E544D - #491C0B | 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 #491C0B

#5E544D #491C0B

Calculate the color between two colors, #5E544D and #491C0B. 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 - #491C0B | 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 #491C0B as 100%.

0.0%	0.0% #5E544D	RGB 94 84 77	#5E544D
16.7%	16.7% #5A4A42	RGB 90 74 66	#5A4A42
33.3%	33.3% #574137	RGB 87 65 55	#574137
50.0%	50.0% #53382C	RGB 83 56 44	#53382C
66.7%	66.7% #502E20	RGB 80 46 32	#502E20
83.3%	83.3% #4C2516	RGB 76 37 22	#4C2516
100.0%	100.0% #491C0B	RGB 73 28 11	#491C0B

#5E544D #5A4A42 #574137 #53382C #502E20 #4C2516 #491C0B

#5E544D - #491C0B

HSV Blend

#5E544D - #491C0B | 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 #491C0B as 100%.

0.0%	0.0% #5E544D	RGB 94 84 77	#5E544D
16.7%	16.7% #5A4A40	RGB 90 74 64	#5A4A40
33.3%	33.3% #574033	RGB 87 64 51	#574033
50.0%	50.0% #533728	RGB 83 55 40	#533728
66.7%	66.7% #502D1D	RGB 80 45 29	#502D1D
83.3%	83.3% #4C2414	RGB 76 36 20	#4C2414
100.0%	100.0% #491C0B	RGB 73 28 11	#491C0B

#5E544D #5A4A40 #574033 #533728 #502D1D #4C2414 #491C0B

#5E544D - #533728 - #491C0B

CSS codes

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

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