#5E544C - #D49871 | 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 #5E544C to #D49871

#5E544C #D49871

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

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

0.0%	0.0% #5E544C	RGB 94 84 76	#5E544C
16.7%	16.7% #715F52	RGB 113 95 82	#715F52
33.3%	33.3% #856A58	RGB 133 106 88	#856A58
50.0%	50.0% #99765E	RGB 153 118 94	#99765E
66.7%	66.7% #AC8164	RGB 172 129 100	#AC8164
83.3%	83.3% #C08C6A	RGB 192 140 106	#C08C6A
100.0%	100.0% #D49871	RGB 212 152 113	#D49871

#5E544C #715F52 #856A58 #99765E #AC8164 #C08C6A #D49871

#5E544C - #D49871

HSV Blend

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

0.0%	0.0% #5E544C	RGB 94 84 76	#5E544C
16.7%	16.7% #716256	RGB 113 98 86	#716256
33.3%	33.3% #856F5F	RGB 133 111 95	#856F5F
50.0%	50.0% #997B66	RGB 153 123 102	#997B66
66.7%	66.7% #AC866B	RGB 172 134 107	#AC866B
83.3%	83.3% #C08F6F	RGB 192 143 111	#C08F6F
100.0%	100.0% #D49871	RGB 212 152 113	#D49871

#5E544C #716256 #856F5F #997B66 #AC866B #C08F6F #D49871

#5E544C - #997B66 - #D49871

CSS codes

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

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