#5E4C55 - #401614 | 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 #5E4C55 to #401614

#5E4C55 #401614

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

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

0.0%	0.0% #5E4C55	RGB 94 76 85	#5E4C55
16.7%	16.7% #59434A	RGB 89 67 74	#59434A
33.3%	33.3% #543A3F	RGB 84 58 63	#543A3F
50.0%	50.0% #4F3134	RGB 79 49 52	#4F3134
66.7%	66.7% #4A2829	RGB 74 40 41	#4A2829
83.3%	83.3% #451F1E	RGB 69 31 30	#451F1E
100.0%	100.0% #401614	RGB 64 22 20	#401614

#5E4C55 #59434A #543A3F #4F3134 #4A2829 #451F1E #401614

#5E4C55 - #401614

HSV Blend

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

0.0%	0.0% #5E4C55	RGB 94 76 85	#5E4C55
16.7%	16.7% #59404A	RGB 89 64 74	#59404A
33.3%	33.3% #54363F	RGB 84 54 63	#54363F
50.0%	50.0% #4F2C34	RGB 79 44 52	#4F2C34
66.7%	66.7% #4A2328	RGB 74 35 40	#4A2328
83.3%	83.3% #451B1D	RGB 69 27 29	#451B1D
100.0%	100.0% #401614	RGB 64 22 20	#401614

#5E4C55 #59404A #54363F #4F2C34 #4A2328 #451B1D #401614

#5E4C55 - #4F2C34 - #401614

CSS codes

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

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