#5E5D20 - #D1D0BF | 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 #5E5D20 to #D1D0BF

#5E5D20 #D1D0BF

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

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

0.0%	0.0% #5E5D20	RGB 94 93 32	#5E5D20
16.7%	16.7% #71703A	RGB 113 112 58	#71703A
33.3%	33.3% #848355	RGB 132 131 85	#848355
50.0%	50.0% #97966F	RGB 151 150 111	#97966F
66.7%	66.7% #AAA98A	RGB 170 169 138	#AAA98A
83.3%	83.3% #BDBCA4	RGB 189 188 164	#BDBCA4
100.0%	100.0% #D1D0BF	RGB 209 208 191	#D1D0BF

#5E5D20 #71703A #848355 #97966F #AAA98A #BDBCA4 #D1D0BF

#5E5D20 - #D1D0BF

HSV Blend

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

0.0%	0.0% #5E5D20	RGB 94 93 32	#5E5D20
16.7%	16.7% #716F31	RGB 113 111 49	#716F31
33.3%	33.3% #848246	RGB 132 130 70	#848246
50.0%	50.0% #97955F	RGB 151 149 95	#97955F
66.7%	66.7% #AAA87B	RGB 170 168 123	#AAA87B
83.3%	83.3% #BDBC9B	RGB 189 188 155	#BDBC9B
100.0%	100.0% #D1D0BF	RGB 209 208 191	#D1D0BF

#5E5D20 #716F31 #848246 #97955F #AAA87B #BDBC9B #D1D0BF

#5E5D20 - #97955F - #D1D0BF

CSS codes

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

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