#5E4F00 - #D1CCB6 | 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 #5E4F00 to #D1CCB6

#5E4F00 #D1CCB6

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

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

0.0%	0.0% #5E4F00	RGB 94 79 0	#5E4F00
16.7%	16.7% #71631E	RGB 113 99 30	#71631E
33.3%	33.3% #84783C	RGB 132 120 60	#84783C
50.0%	50.0% #978D5B	RGB 151 141 91	#978D5B
66.7%	66.7% #AAA279	RGB 170 162 121	#AAA279
83.3%	83.3% #BDB797	RGB 189 183 151	#BDB797
100.0%	100.0% #D1CCB6	RGB 209 204 182	#D1CCB6

#5E4F00 #71631E #84783C #978D5B #AAA279 #BDB797 #D1CCB6

#5E4F00 - #D1CCB6

HSV Blend

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

0.0%	0.0% #5E4F00	RGB 94 79 0	#5E4F00
16.7%	16.7% #716110	RGB 113 97 16	#716110
33.3%	33.3% #847426	RGB 132 116 38	#847426
50.0%	50.0% #978841	RGB 151 136 65	#978841
66.7%	66.7% #AA9E63	RGB 170 158 99	#AA9E63
83.3%	83.3% #BDB489	RGB 189 180 137	#BDB489
100.0%	100.0% #D1CCB6	RGB 209 204 182	#D1CCB6

#5E4F00 #716110 #847426 #978841 #AA9E63 #BDB489 #D1CCB6

#5E4F00 - #978841 - #D1CCB6

CSS codes

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

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