#5E5957 - #542A0E | 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 #5E5957 to #542A0E

#5E5957 #542A0E

Calculate the color between two colors, #5E5957 and #542A0E. 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)

#5E5957 - #542A0E | 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 #5E5957 as 0% and #542A0E as 100%.

0.0%	0.0% #5E5957	RGB 94 89 87	#5E5957
16.7%	16.7% #5C514A	RGB 92 81 74	#5C514A
33.3%	33.3% #5A493E	RGB 90 73 62	#5A493E
50.0%	50.0% #594132	RGB 89 65 50	#594132
66.7%	66.7% #573926	RGB 87 57 38	#573926
83.3%	83.3% #55311A	RGB 85 49 26	#55311A
100.0%	100.0% #542A0E	RGB 84 42 14	#542A0E

#5E5957 #5C514A #5A493E #594132 #573926 #55311A #542A0E

#5E5957 - #542A0E

HSV Blend

#5E5957 - #542A0E | 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 #5E5957 as 0% and #542A0E as 100%.

0.0%	0.0% #5E5957	RGB 94 89 87	#5E5957
16.7%	16.7% #5C4F49	RGB 92 79 73	#5C4F49
33.3%	33.3% #5A463C	RGB 90 70 60	#5A463C
50.0%	50.0% #593E30	RGB 89 62 48	#593E30
66.7%	66.7% #573624	RGB 87 54 36	#573624
83.3%	83.3% #553019	RGB 85 48 25	#553019
100.0%	100.0% #542A0E	RGB 84 42 14	#542A0E

#5E5957 #5C4F49 #5A463C #593E30 #573624 #553019 #542A0E

#5E5957 - #593E30 - #542A0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5957 0%, #593E30 50%, #542A0E 100%);
    background: -webkit-linear-gradient(top, #5E5957 0%, #593E30 50%, #542A0E 100%);
    background: linear-gradient(to bottom, #5E5957 0%, #593E30 50%, #542A0E 100%);
}
</style>