#5E5D0F - #D1D0BA | 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 #5E5D0F to #D1D0BA

#5E5D0F #D1D0BA

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

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

0.0%	0.0% #5E5D0F	RGB 94 93 15	#5E5D0F
16.7%	16.7% #71702B	RGB 113 112 43	#71702B
33.3%	33.3% #848348	RGB 132 131 72	#848348
50.0%	50.0% #979664	RGB 151 150 100	#979664
66.7%	66.7% #AAA981	RGB 170 169 129	#AAA981
83.3%	83.3% #BDBC9D	RGB 189 188 157	#BDBC9D
100.0%	100.0% #D1D0BA	RGB 209 208 186	#D1D0BA

#5E5D0F #71702B #848348 #979664 #AAA981 #BDBC9D #D1D0BA

#5E5D0F - #D1D0BA

HSV Blend

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

0.0%	0.0% #5E5D0E	RGB 94 93 14	#5E5D0E
16.7%	16.7% #716F1F	RGB 113 111 31	#716F1F
33.3%	33.3% #848235	RGB 132 130 53	#848235
50.0%	50.0% #97954F	RGB 151 149 79	#97954F
66.7%	66.7% #AAA86E	RGB 170 168 110	#AAA86E
83.3%	83.3% #BDBC91	RGB 189 188 145	#BDBC91
100.0%	100.0% #D1D0BA	RGB 209 208 186	#D1D0BA

#5E5D0E #716F1F #848235 #97954F #AAA86E #BDBC91 #D1D0BA

#5E5D0F - #97954F - #D1D0BA

CSS codes

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

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