#5E3211 - #D1C4BB | 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 #5E3211 to #D1C4BB

#5E3211 #D1C4BB

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

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

0.0%	0.0% #5E3211	RGB 94 50 17	#5E3211
16.7%	16.7% #714A2D	RGB 113 74 45	#714A2D
33.3%	33.3% #846249	RGB 132 98 73	#846249
50.0%	50.0% #977B66	RGB 151 123 102	#977B66
66.7%	66.7% #AA9382	RGB 170 147 130	#AA9382
83.3%	83.3% #BDAB9E	RGB 189 171 158	#BDAB9E
100.0%	100.0% #D1C4BB	RGB 209 196 187	#D1C4BB

#5E3211 #714A2D #846249 #977B66 #AA9382 #BDAB9E #D1C4BB

#5E3211 - #D1C4BB

HSV Blend

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

0.0%	0.0% #5E3210	RGB 94 50 16	#5E3210
16.7%	16.7% #714321	RGB 113 67 33	#714321
33.3%	33.3% #845737	RGB 132 87 55	#845737
50.0%	50.0% #976E51	RGB 151 110 81	#976E51
66.7%	66.7% #AA8870	RGB 170 136 112	#AA8870
83.3%	83.3% #BDA493	RGB 189 164 147	#BDA493
100.0%	100.0% #D1C4BB	RGB 209 196 187	#D1C4BB

#5E3210 #714321 #845737 #976E51 #AA8870 #BDA493 #D1C4BB

#5E3211 - #976E51 - #D1C4BB

CSS codes

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

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