#5E4700 - #D1CAB6 | 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 #5E4700 to #D1CAB6

#5E4700 #D1CAB6

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

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

0.0%	0.0% #5E4700	RGB 94 71 0	#5E4700
16.7%	16.7% #715C1E	RGB 113 92 30	#715C1E
33.3%	33.3% #84723C	RGB 132 114 60	#84723C
50.0%	50.0% #97885B	RGB 151 136 91	#97885B
66.7%	66.7% #AA9E79	RGB 170 158 121	#AA9E79
83.3%	83.3% #BDB497	RGB 189 180 151	#BDB497
100.0%	100.0% #D1CAB6	RGB 209 202 182	#D1CAB6

#5E4700 #715C1E #84723C #97885B #AA9E79 #BDB497 #D1CAB6

#5E4700 - #D1CAB6

HSV Blend

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

0.0%	0.0% #5E4700	RGB 94 71 0	#5E4700
16.7%	16.7% #715910	RGB 113 89 16	#715910
33.3%	33.3% #846C26	RGB 132 108 38	#846C26
50.0%	50.0% #978141	RGB 151 129 65	#978141
66.7%	66.7% #AA9863	RGB 170 152 99	#AA9863
83.3%	83.3% #BDB089	RGB 189 176 137	#BDB089
100.0%	100.0% #D1CAB6	RGB 209 202 182	#D1CAB6

#5E4700 #715910 #846C26 #978141 #AA9863 #BDB089 #D1CAB6

#5E4700 - #978141 - #D1CAB6

CSS codes

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

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