#5E3B2D - #9A9199 | 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 #5E3B2D to #9A9199

#5E3B2D #9A9199

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

#5E3B2D - #9A9199 | 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 #5E3B2D as 0% and #9A9199 as 100%.

0.0%	0.0% #5E3B2D	RGB 94 59 45	#5E3B2D
16.7%	16.7% #68493F	RGB 104 73 63	#68493F
33.3%	33.3% #725751	RGB 114 87 81	#725751
50.0%	50.0% #7C6663	RGB 124 102 99	#7C6663
66.7%	66.7% #867475	RGB 134 116 117	#867475
83.3%	83.3% #908287	RGB 144 130 135	#908287
100.0%	100.0% #9A9199	RGB 154 145 153	#9A9199

#5E3B2D #68493F #725751 #7C6663 #867475 #908287 #9A9199

#5E3B2D - #9A9199

HSV Blend

#5E3B2D - #9A9199 | 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 #5E3B2D as 0% and #9A9199 as 100%.

0.0%	0.0% #5E3B2D	RGB 94 59 45	#5E3B2D
16.7%	16.7% #683D39	RGB 104 61 57	#683D39
33.3%	33.3% #72484C	RGB 114 72 76	#72484C
50.0%	50.0% #7C5862	RGB 124 88 98	#7C5862
66.7%	66.7% #866977	RGB 134 105 119	#866977
83.3%	83.3% #907C8A	RGB 144 124 138	#907C8A
100.0%	100.0% #9A9199	RGB 154 145 153	#9A9199

#5E3B2D #683D39 #72484C #7C5862 #866977 #907C8A #9A9199

#5E3B2D - #7C5862 - #9A9199

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3B2D 0%, #7C5862 50%, #9A9199 100%);
    background: -webkit-linear-gradient(top, #5E3B2D 0%, #7C5862 50%, #9A9199 100%);
    background: linear-gradient(to bottom, #5E3B2D 0%, #7C5862 50%, #9A9199 100%);
}
</style>