#5E5D5D - #5B2811 | 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 #5E5D5D to #5B2811

#5E5D5D #5B2811

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

#5E5D5D - #5B2811 | 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 #5E5D5D as 0% and #5B2811 as 100%.

0.0%	0.0% #5E5D5D	RGB 94 93 93	#5E5D5D
16.7%	16.7% #5D5450	RGB 93 84 80	#5D5450
33.3%	33.3% #5D4B43	RGB 93 75 67	#5D4B43
50.0%	50.0% #5C4237	RGB 92 66 55	#5C4237
66.7%	66.7% #5C392A	RGB 92 57 42	#5C392A
83.3%	83.3% #5B301D	RGB 91 48 29	#5B301D
100.0%	100.0% #5B2811	RGB 91 40 17	#5B2811

#5E5D5D #5D5450 #5D4B43 #5C4237 #5C392A #5B301D #5B2811

#5E5D5D - #5B2811

HSV Blend

#5E5D5D - #5B2811 | 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 #5E5D5D as 0% and #5B2811 as 100%.

0.0%	0.0% #5E5D5D	RGB 94 93 93	#5E5D5D
16.7%	16.7% #5D504F	RGB 93 80 79	#5D504F
33.3%	33.3% #5D4543	RGB 93 69 67	#5D4543
50.0%	50.0% #5C3C36	RGB 92 60 54	#5C3C36
66.7%	66.7% #5C3429	RGB 92 52 41	#5C3429
83.3%	83.3% #5B2D1D	RGB 91 45 29	#5B2D1D
100.0%	100.0% #5B2811	RGB 91 40 17	#5B2811

#5E5D5D #5D504F #5D4543 #5C3C36 #5C3429 #5B2D1D #5B2811

#5E5D5D - #5C3C36 - #5B2811

CSS codes

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

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