#5E524B - #54370A | 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 #5E524B to #54370A

#5E524B #54370A

Calculate the color between two colors, #5E524B and #54370A. 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)

#5E524B - #54370A | 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 #5E524B as 0% and #54370A as 100%.

0.0%	0.0% #5E524B	RGB 94 82 75	#5E524B
16.7%	16.7% #5C4D40	RGB 92 77 64	#5C4D40
33.3%	33.3% #5A4935	RGB 90 73 53	#5A4935
50.0%	50.0% #59442A	RGB 89 68 42	#59442A
66.7%	66.7% #57401F	RGB 87 64 31	#57401F
83.3%	83.3% #553B14	RGB 85 59 20	#553B14
100.0%	100.0% #54370A	RGB 84 55 10	#54370A

#5E524B #5C4D40 #5A4935 #59442A #57401F #553B14 #54370A

#5E524B - #54370A

HSV Blend

#5E524B - #54370A | 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 #5E524B as 0% and #54370A as 100%.

0.0%	0.0% #5E524B	RGB 94 82 75	#5E524B
16.7%	16.7% #5C4B3F	RGB 92 75 63	#5C4B3F
33.3%	33.3% #5A4533	RGB 90 69 51	#5A4533
50.0%	50.0% #594028	RGB 89 64 40	#594028
66.7%	66.7% #573C1E	RGB 87 60 30	#573C1E
83.3%	83.3% #553913	RGB 85 57 19	#553913
100.0%	100.0% #54370A	RGB 84 55 10	#54370A

#5E524B #5C4B3F #5A4533 #594028 #573C1E #553913 #54370A

#5E524B - #594028 - #54370A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E524B 0%, #594028 50%, #54370A 100%);
    background: -webkit-linear-gradient(top, #5E524B 0%, #594028 50%, #54370A 100%);
    background: linear-gradient(to bottom, #5E524B 0%, #594028 50%, #54370A 100%);
}
</style>