#5E5C5C - #312214 | 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 #5E5C5C to #312214

#5E5C5C #312214

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

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

0.0%	0.0% #5E5C5C	RGB 94 92 92	#5E5C5C
16.7%	16.7% #565250	RGB 86 82 80	#565250
33.3%	33.3% #4F4844	RGB 79 72 68	#4F4844
50.0%	50.0% #473F38	RGB 71 63 56	#473F38
66.7%	66.7% #40352C	RGB 64 53 44	#40352C
83.3%	83.3% #382B20	RGB 56 43 32	#382B20
100.0%	100.0% #312214	RGB 49 34 20	#312214

#5E5C5C #565250 #4F4844 #473F38 #40352C #382B20 #312214

#5E5C5C - #312214

HSV Blend

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

0.0%	0.0% #5E5C5C	RGB 94 92 92	#5E5C5C
16.7%	16.7% #564D4C	RGB 86 77 76	#564D4C
33.3%	33.3% #4F403E	RGB 79 64 62	#4F403E
50.0%	50.0% #473631	RGB 71 54 49	#473631
66.7%	66.7% #402E26	RGB 64 46 38	#402E26
83.3%	83.3% #38271C	RGB 56 39 28	#38271C
100.0%	100.0% #312214	RGB 49 34 20	#312214

#5E5C5C #564D4C #4F403E #473631 #402E26 #38271C #312214

#5E5C5C - #473631 - #312214

CSS codes

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

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