#B37C3E - #E9D9C7 | 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 #B37C3E to #E9D9C7

#B37C3E #E9D9C7

Calculate the color between two colors, #B37C3E and #E9D9C7. 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)

#B37C3E - #E9D9C7 | 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 #B37C3E as 0% and #E9D9C7 as 100%.

0.0%	0.0% #B37C3E	RGB 179 124 62	#B37C3E
16.7%	16.7% #BC8B54	RGB 188 139 84	#BC8B54
33.3%	33.3% #C59B6B	RGB 197 155 107	#C59B6B
50.0%	50.0% #CEAA82	RGB 206 170 130	#CEAA82
66.7%	66.7% #D7BA99	RGB 215 186 153	#D7BA99
83.3%	83.3% #E0C9B0	RGB 224 201 176	#E0C9B0
100.0%	100.0% #E9D9C7	RGB 233 217 199	#E9D9C7

#B37C3E #BC8B54 #C59B6B #CEAA82 #D7BA99 #E0C9B0 #E9D9C7

#B37C3E - #E9D9C7

HSV Blend

#B37C3E - #E9D9C7 | 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 #B37C3E as 0% and #E9D9C7 as 100%.

0.0%	0.0% #B37C3E	RGB 179 124 62	#B37C3E
16.7%	16.7% #BC8951	RGB 188 137 81	#BC8951
33.3%	33.3% #C59865	RGB 197 152 101	#C59865
50.0%	50.0% #CEA77B	RGB 206 167 123	#CEA77B
66.7%	66.7% #D7B793	RGB 215 183 147	#D7B793
83.3%	83.3% #E0C7AC	RGB 224 199 172	#E0C7AC
100.0%	100.0% #E9D9C7	RGB 233 217 199	#E9D9C7

#B37C3E #BC8951 #C59865 #CEA77B #D7B793 #E0C7AC #E9D9C7

#B37C3E - #CEA77B - #E9D9C7

CSS codes

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

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