#5E5535 - #D1CFC5 | 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 #5E5535 to #D1CFC5

#5E5535 #D1CFC5

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

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

0.0%	0.0% #5E5535	RGB 94 85 53	#5E5535
16.7%	16.7% #71694D	RGB 113 105 77	#71694D
33.3%	33.3% #847D65	RGB 132 125 101	#847D65
50.0%	50.0% #97927D	RGB 151 146 125	#97927D
66.7%	66.7% #AAA695	RGB 170 166 149	#AAA695
83.3%	83.3% #BDBAAD	RGB 189 186 173	#BDBAAD
100.0%	100.0% #D1CFC5	RGB 209 207 197	#D1CFC5

#5E5535 #71694D #847D65 #97927D #AAA695 #BDBAAD #D1CFC5

#5E5535 - #D1CFC5

HSV Blend

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

0.0%	0.0% #5E5535	RGB 94 85 53	#5E5535
16.7%	16.7% #716846	RGB 113 104 70	#716846
33.3%	33.3% #847C5B	RGB 132 124 91	#847C5B
50.0%	50.0% #979072	RGB 151 144 114	#979072
66.7%	66.7% #AAA48B	RGB 170 164 139	#AAA48B
83.3%	83.3% #BDB9A6	RGB 189 185 166	#BDB9A6
100.0%	100.0% #D1CFC5	RGB 209 207 197	#D1CFC5

#5E5535 #716846 #847C5B #979072 #AAA48B #BDB9A6 #D1CFC5

#5E5535 - #979072 - #D1CFC5

CSS codes

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

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