#5E5C5A - #502F10 | 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 #5E5C5A to #502F10

#5E5C5A #502F10

Calculate the color between two colors, #5E5C5A and #502F10. 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)

#5E5C5A - #502F10 | 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 #5E5C5A as 0% and #502F10 as 100%.

0.0%	0.0% #5E5C5A	RGB 94 92 90	#5E5C5A
16.7%	16.7% #5B544D	RGB 91 84 77	#5B544D
33.3%	33.3% #594D41	RGB 89 77 65	#594D41
50.0%	50.0% #574535	RGB 87 69 53	#574535
66.7%	66.7% #543E28	RGB 84 62 40	#543E28
83.3%	83.3% #52361C	RGB 82 54 28	#52361C
100.0%	100.0% #502F10	RGB 80 47 16	#502F10

#5E5C5A #5B544D #594D41 #574535 #543E28 #52361C #502F10

#5E5C5A - #502F10

HSV Blend

#5E5C5A - #502F10 | 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 #5E5C5A as 0% and #502F10 as 100%.

0.0%	0.0% #5E5C5A	RGB 94 92 90	#5E5C5A
16.7%	16.7% #5B534C	RGB 91 83 76	#5B534C
33.3%	33.3% #594C3E	RGB 89 76 62	#594C3E
50.0%	50.0% #574432	RGB 87 68 50	#574432
66.7%	66.7% #543D26	RGB 84 61 38	#543D26
83.3%	83.3% #52351A	RGB 82 53 26	#52351A
100.0%	100.0% #502F10	RGB 80 47 16	#502F10

#5E5C5A #5B534C #594C3E #574432 #543D26 #52351A #502F10

#5E5C5A - #574432 - #502F10

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C5A 0%, #574432 50%, #502F10 100%);
    background: -webkit-linear-gradient(top, #5E5C5A 0%, #574432 50%, #502F10 100%);
    background: linear-gradient(to bottom, #5E5C5A 0%, #574432 50%, #502F10 100%);
}
</style>