#5C5957 - #512C0E | 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 #5C5957 to #512C0E

#5C5957 #512C0E

Calculate the color between two colors, #5C5957 and #512C0E. 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)

#5C5957 - #512C0E | 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 #5C5957 as 0% and #512C0E as 100%.

0.0%	0.0% #5C5957	RGB 92 89 87	#5C5957
16.7%	16.7% #5A514A	RGB 90 81 74	#5A514A
33.3%	33.3% #584A3E	RGB 88 74 62	#584A3E
50.0%	50.0% #564232	RGB 86 66 50	#564232
66.7%	66.7% #543B26	RGB 84 59 38	#543B26
83.3%	83.3% #52331A	RGB 82 51 26	#52331A
100.0%	100.0% #512C0E	RGB 81 44 14	#512C0E

#5C5957 #5A514A #584A3E #564232 #543B26 #52331A #512C0E

#5C5957 - #512C0E

HSV Blend

#5C5957 - #512C0E | 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 #5C5957 as 0% and #512C0E as 100%.

0.0%	0.0% #5C5957	RGB 92 89 87	#5C5957
16.7%	16.7% #5A5049	RGB 90 80 73	#5A5049
33.3%	33.3% #58483C	RGB 88 72 60	#58483C
50.0%	50.0% #564030	RGB 86 64 48	#564030
66.7%	66.7% #543924	RGB 84 57 36	#543924
83.3%	83.3% #523218	RGB 82 50 24	#523218
100.0%	100.0% #512C0E	RGB 81 44 14	#512C0E

#5C5957 #5A5049 #58483C #564030 #543924 #523218 #512C0E

#5C5957 - #564030 - #512C0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C5957 0%, #564030 50%, #512C0E 100%);
    background: -webkit-linear-gradient(top, #5C5957 0%, #564030 50%, #512C0E 100%);
    background: linear-gradient(to bottom, #5C5957 0%, #564030 50%, #512C0E 100%);
}
</style>