#5E4F26 - #D1CCC1 | 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 #5E4F26 to #D1CCC1

#5E4F26 #D1CCC1

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

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

0.0%	0.0% #5E4F26	RGB 94 79 38	#5E4F26
16.7%	16.7% #71633F	RGB 113 99 63	#71633F
33.3%	33.3% #847859	RGB 132 120 89	#847859
50.0%	50.0% #978D73	RGB 151 141 115	#978D73
66.7%	66.7% #AAA28D	RGB 170 162 141	#AAA28D
83.3%	83.3% #BDB7A7	RGB 189 183 167	#BDB7A7
100.0%	100.0% #D1CCC1	RGB 209 204 193	#D1CCC1

#5E4F26 #71633F #847859 #978D73 #AAA28D #BDB7A7 #D1CCC1

#5E4F26 - #D1CCC1

HSV Blend

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

0.0%	0.0% #5E4F26	RGB 94 79 38	#5E4F26
16.7%	16.7% #716137	RGB 113 97 55	#716137
33.3%	33.3% #84744C	RGB 132 116 76	#84744C
50.0%	50.0% #978864	RGB 151 136 100	#978864
66.7%	66.7% #AA9D80	RGB 170 157 128	#AA9D80
83.3%	83.3% #BDB49E	RGB 189 180 158	#BDB49E
100.0%	100.0% #D1CCC1	RGB 209 204 193	#D1CCC1

#5E4F26 #716137 #84744C #978864 #AA9D80 #BDB49E #D1CCC1

#5E4F26 - #978864 - #D1CCC1

CSS codes

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

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