#5E534F - #D49F78 | 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 #5E534F to #D49F78

#5E534F #D49F78

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

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

0.0%	0.0% #5E534F	RGB 94 83 79	#5E534F
16.7%	16.7% #715F55	RGB 113 95 85	#715F55
33.3%	33.3% #856C5C	RGB 133 108 92	#856C5C
50.0%	50.0% #997963	RGB 153 121 99	#997963
66.7%	66.7% #AC856A	RGB 172 133 106	#AC856A
83.3%	83.3% #C09271	RGB 192 146 113	#C09271
100.0%	100.0% #D49F78	RGB 212 159 120	#D49F78

#5E534F #715F55 #856C5C #997963 #AC856A #C09271 #D49F78

#5E534F - #D49F78

HSV Blend

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

0.0%	0.0% #5E534F	RGB 94 83 79	#5E534F
16.7%	16.7% #71615A	RGB 113 97 90	#71615A
33.3%	33.3% #856E63	RGB 133 110 99	#856E63
50.0%	50.0% #997B6B	RGB 153 123 107	#997B6B
66.7%	66.7% #AC8771	RGB 172 135 113	#AC8771
83.3%	83.3% #C09375	RGB 192 147 117	#C09375
100.0%	100.0% #D49F78	RGB 212 159 120	#D49F78

#5E534F #71615A #856E63 #997B6B #AC8771 #C09375 #D49F78

#5E534F - #997B6B - #D49F78

CSS codes

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

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