#5E3F1B - #D1C8BD | 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 #5E3F1B to #D1C8BD

#5E3F1B #D1C8BD

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

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

0.0%	0.0% #5E3F1B	RGB 94 63 27	#5E3F1B
16.7%	16.7% #715536	RGB 113 85 54	#715536
33.3%	33.3% #846C51	RGB 132 108 81	#846C51
50.0%	50.0% #97836C	RGB 151 131 108	#97836C
66.7%	66.7% #AA9A87	RGB 170 154 135	#AA9A87
83.3%	83.3% #BDB1A2	RGB 189 177 162	#BDB1A2
100.0%	100.0% #D1C8BD	RGB 209 200 189	#D1C8BD

#5E3F1B #715536 #846C51 #97836C #AA9A87 #BDB1A2 #D1C8BD

#5E3F1B - #D1C8BD

HSV Blend

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

0.0%	0.0% #5E3F1B	RGB 94 63 27	#5E3F1B
16.7%	16.7% #71512C	RGB 113 81 44	#71512C
33.3%	33.3% #846541	RGB 132 101 65	#846541
50.0%	50.0% #977B5A	RGB 151 123 90	#977B5A
66.7%	66.7% #AA9377	RGB 170 147 119	#AA9377
83.3%	83.3% #BDAC98	RGB 189 172 152	#BDAC98
100.0%	100.0% #D1C8BD	RGB 209 200 189	#D1C8BD

#5E3F1B #71512C #846541 #977B5A #AA9377 #BDAC98 #D1C8BD

#5E3F1B - #977B5A - #D1C8BD

CSS codes

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

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