#5E5311 - #D1CDBB | 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 #5E5311 to #D1CDBB

#5E5311 #D1CDBB

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

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

0.0%	0.0% #5E5311	RGB 94 83 17	#5E5311
16.7%	16.7% #71672D	RGB 113 103 45	#71672D
33.3%	33.3% #847B49	RGB 132 123 73	#847B49
50.0%	50.0% #979066	RGB 151 144 102	#979066
66.7%	66.7% #AAA482	RGB 170 164 130	#AAA482
83.3%	83.3% #BDB89E	RGB 189 184 158	#BDB89E
100.0%	100.0% #D1CDBB	RGB 209 205 187	#D1CDBB

#5E5311 #71672D #847B49 #979066 #AAA482 #BDB89E #D1CDBB

#5E5311 - #D1CDBB

HSV Blend

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

0.0%	0.0% #5E5310	RGB 94 83 16	#5E5310
16.7%	16.7% #716521	RGB 113 101 33	#716521
33.3%	33.3% #847837	RGB 132 120 55	#847837
50.0%	50.0% #978C51	RGB 151 140 81	#978C51
66.7%	66.7% #AAA070	RGB 170 160 112	#AAA070
83.3%	83.3% #BDB693	RGB 189 182 147	#BDB693
100.0%	100.0% #D1CDBB	RGB 209 205 187	#D1CDBB

#5E5310 #716521 #847837 #978C51 #AAA070 #BDB693 #D1CDBB

#5E5311 - #978C51 - #D1CDBB

CSS codes

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

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