#5E4544 - #521C08 | 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 #5E4544 to #521C08

#5E4544 #521C08

Calculate the color between two colors, #5E4544 and #521C08. 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)

#5E4544 - #521C08 | 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 #5E4544 as 0% and #521C08 as 100%.

0.0%	0.0% #5E4544	RGB 94 69 68	#5E4544
16.7%	16.7% #5C3E3A	RGB 92 62 58	#5C3E3A
33.3%	33.3% #5A3730	RGB 90 55 48	#5A3730
50.0%	50.0% #583026	RGB 88 48 38	#583026
66.7%	66.7% #56291C	RGB 86 41 28	#56291C
83.3%	83.3% #542212	RGB 84 34 18	#542212
100.0%	100.0% #521C08	RGB 82 28 8	#521C08

#5E4544 #5C3E3A #5A3730 #583026 #56291C #542212 #521C08

#5E4544 - #521C08

HSV Blend

#5E4544 - #521C08 | 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 #5E4544 as 0% and #521C08 as 100%.

0.0%	0.0% #5E4544	RGB 94 69 68	#5E4544
16.7%	16.7% #5C3B38	RGB 92 59 56	#5C3B38
33.3%	33.3% #5A332E	RGB 90 51 46	#5A332E
50.0%	50.0% #582C24	RGB 88 44 36	#582C24
66.7%	66.7% #56251A	RGB 86 37 26	#56251A
83.3%	83.3% #542010	RGB 84 32 16	#542010
100.0%	100.0% #521C08	RGB 82 28 8	#521C08

#5E4544 #5C3B38 #5A332E #582C24 #56251A #542010 #521C08

#5E4544 - #582C24 - #521C08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4544 0%, #582C24 50%, #521C08 100%);
    background: -webkit-linear-gradient(top, #5E4544 0%, #582C24 50%, #521C08 100%);
    background: linear-gradient(to bottom, #5E4544 0%, #582C24 50%, #521C08 100%);
}
</style>