#5D5E3B - #D1D1C7 | 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 #5D5E3B to #D1D1C7

#5D5E3B #D1D1C7

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

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

0.0%	0.0% #5D5E3B	RGB 93 94 59	#5D5E3B
16.7%	16.7% #707152	RGB 112 113 82	#707152
33.3%	33.3% #838469	RGB 131 132 105	#838469
50.0%	50.0% #979781	RGB 151 151 129	#979781
66.7%	66.7% #AAAA98	RGB 170 170 152	#AAAA98
83.3%	83.3% #BDBDAF	RGB 189 189 175	#BDBDAF
100.0%	100.0% #D1D1C7	RGB 209 209 199	#D1D1C7

#5D5E3B #707152 #838469 #979781 #AAAA98 #BDBDAF #D1D1C7

#5D5E3B - #D1D1C7

HSV Blend

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

0.0%	0.0% #5D5E3B	RGB 93 94 59	#5D5E3B
16.7%	16.7% #70714D	RGB 112 113 77	#70714D
33.3%	33.3% #838461	RGB 131 132 97	#838461
50.0%	50.0% #979777	RGB 151 151 119	#979777
66.7%	66.7% #AAAA90	RGB 170 170 144	#AAAA90
83.3%	83.3% #BDBDAA	RGB 189 189 170	#BDBDAA
100.0%	100.0% #D1D1C7	RGB 209 209 199	#D1D1C7

#5D5E3B #70714D #838461 #979777 #AAAA90 #BDBDAA #D1D1C7

#5D5E3B - #979777 - #D1D1C7

CSS codes

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

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