#5E3B20 - #D1C7BF | 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 #5E3B20 to #D1C7BF

#5E3B20 #D1C7BF

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

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

0.0%	0.0% #5E3B20	RGB 94 59 32	#5E3B20
16.7%	16.7% #71523A	RGB 113 82 58	#71523A
33.3%	33.3% #846955	RGB 132 105 85	#846955
50.0%	50.0% #97816F	RGB 151 129 111	#97816F
66.7%	66.7% #AA988A	RGB 170 152 138	#AA988A
83.3%	83.3% #BDAFA4	RGB 189 175 164	#BDAFA4
100.0%	100.0% #D1C7BF	RGB 209 199 191	#D1C7BF

#5E3B20 #71523A #846955 #97816F #AA988A #BDAFA4 #D1C7BF

#5E3B20 - #D1C7BF

HSV Blend

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

0.0%	0.0% #5E3B20	RGB 94 59 32	#5E3B20
16.7%	16.7% #714D31	RGB 113 77 49	#714D31
33.3%	33.3% #846146	RGB 132 97 70	#846146
50.0%	50.0% #97775F	RGB 151 119 95	#97775F
66.7%	66.7% #AA907B	RGB 170 144 123	#AA907B
83.3%	83.3% #BDAA9B	RGB 189 170 155	#BDAA9B
100.0%	100.0% #D1C7BF	RGB 209 199 191	#D1C7BF

#5E3B20 #714D31 #846146 #97775F #AA907B #BDAA9B #D1C7BF

#5E3B20 - #97775F - #D1C7BF

CSS codes

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

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