#5E5F5E - #2B2815 | 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 #5E5F5E to #2B2815

#5E5F5E #2B2815

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

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

0.0%	0.0% #5E5F5E	RGB 94 95 94	#5E5F5E
16.7%	16.7% #555551	RGB 85 85 81	#555551
33.3%	33.3% #4D4C45	RGB 77 76 69	#4D4C45
50.0%	50.0% #444339	RGB 68 67 57	#444339
66.7%	66.7% #3C3A2D	RGB 60 58 45	#3C3A2D
83.3%	83.3% #333121	RGB 51 49 33	#333121
100.0%	100.0% #2B2815	RGB 43 40 21	#2B2815

#5E5F5E #555551 #4D4C45 #444339 #3C3A2D #333121 #2B2815

#5E5F5E - #2B2815

HSV Blend

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

0.0%	0.0% #5E5F5E	RGB 94 95 94	#5E5F5E
16.7%	16.7% #4F564E	RGB 79 86 78	#4F564E
33.3%	33.3% #454D3F	RGB 69 77 63	#454D3F
50.0%	50.0% #3D4532	RGB 61 69 50	#3D4532
66.7%	66.7% #373C27	RGB 55 60 39	#373C27
83.3%	83.3% #32331D	RGB 50 51 29	#32331D
100.0%	100.0% #2B2815	RGB 43 40 21	#2B2815

#5E5F5E #4F564E #454D3F #3D4532 #373C27 #32331D #2B2815

#5E5F5E - #3D4532 - #2B2815

CSS codes

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

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