#5E5C5D - #311417 | 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 #5E5C5D to #311417

#5E5C5D #311417

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

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

0.0%	0.0% #5E5C5D	RGB 94 92 93	#5E5C5D
16.7%	16.7% #565051	RGB 86 80 81	#565051
33.3%	33.3% #4F4445	RGB 79 68 69	#4F4445
50.0%	50.0% #47383A	RGB 71 56 58	#47383A
66.7%	66.7% #402C2E	RGB 64 44 46	#402C2E
83.3%	83.3% #382022	RGB 56 32 34	#382022
100.0%	100.0% #311417	RGB 49 20 23	#311417

#5E5C5D #565051 #4F4445 #47383A #402C2E #382022 #311417

#5E5C5D - #311417

HSV Blend

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

0.0%	0.0% #5E5C5D	RGB 94 92 93	#5E5C5D
16.7%	16.7% #564C50	RGB 86 76 80	#564C50
33.3%	33.3% #4F3E44	RGB 79 62 68	#4F3E44
50.0%	50.0% #473138	RGB 71 49 56	#473138
66.7%	66.7% #40262C	RGB 64 38 44	#40262C
83.3%	83.3% #381C21	RGB 56 28 33	#381C21
100.0%	100.0% #311417	RGB 49 20 23	#311417

#5E5C5D #564C50 #4F3E44 #473138 #40262C #381C21 #311417

#5E5C5D - #473138 - #311417

CSS codes

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

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