#5E5C5B - #2D2F17 | 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 #5E5C5B to #2D2F17

#5E5C5B #2D2F17

Calculate the color between two colors, #5E5C5B and #2D2F17. 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)

#5E5C5B - #2D2F17 | 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 #5E5C5B as 0% and #2D2F17 as 100%.

0.0%	0.0% #5E5C5B	RGB 94 92 91	#5E5C5B
16.7%	16.7% #55544F	RGB 85 84 79	#55544F
33.3%	33.3% #4D4D44	RGB 77 77 68	#4D4D44
50.0%	50.0% #454539	RGB 69 69 57	#454539
66.7%	66.7% #3D3E2D	RGB 61 62 45	#3D3E2D
83.3%	83.3% #353622	RGB 53 54 34	#353622
100.0%	100.0% #2D2F17	RGB 45 47 23	#2D2F17

#5E5C5B #55544F #4D4D44 #454539 #3D3E2D #353622 #2D2F17

#5E5C5B - #2D2F17

HSV Blend

#5E5C5B - #2D2F17 | 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 #5E5C5B as 0% and #2D2F17 as 100%.

0.0%	0.0% #5E5C5B	RGB 94 92 91	#5E5C5B
16.7%	16.7% #56504C	RGB 86 80 76	#56504C
33.3%	33.3% #4E483F	RGB 78 72 63	#4E483F
50.0%	50.0% #464033	RGB 70 64 51	#464033
66.7%	66.7% #3E3B28	RGB 62 59 40	#3E3B28
83.3%	83.3% #36351F	RGB 54 53 31	#36351F
100.0%	100.0% #2D2F17	RGB 45 47 23	#2D2F17

#5E5C5B #56504C #4E483F #464033 #3E3B28 #36351F #2D2F17

#5E5C5B - #464033 - #2D2F17

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C5B 0%, #464033 50%, #2D2F17 100%);
    background: -webkit-linear-gradient(top, #5E5C5B 0%, #464033 50%, #2D2F17 100%);
    background: linear-gradient(to bottom, #5E5C5B 0%, #464033 50%, #2D2F17 100%);
}
</style>