#BA8B5E - #EBDED1 | 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 #BA8B5E to #EBDED1

#BA8B5E #EBDED1

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

#BA8B5E - #EBDED1 | 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 #BA8B5E as 0% and #EBDED1 as 100%.

0.0%	0.0% #BA8B5E	RGB 186 139 94	#BA8B5E
16.7%	16.7% #C29871	RGB 194 152 113	#C29871
33.3%	33.3% #CAA684	RGB 202 166 132	#CAA684
50.0%	50.0% #D2B497	RGB 210 180 151	#D2B497
66.7%	66.7% #DAC2AA	RGB 218 194 170	#DAC2AA
83.3%	83.3% #E2D0BD	RGB 226 208 189	#E2D0BD
100.0%	100.0% #EBDED1	RGB 235 222 209	#EBDED1

#BA8B5E #C29871 #CAA684 #D2B497 #DAC2AA #E2D0BD #EBDED1

#BA8B5E - #EBDED1

HSV Blend

#BA8B5E - #EBDED1 | 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 #BA8B5E as 0% and #EBDED1 as 100%.

0.0%	0.0% #BA8B5E	RGB 186 139 94	#BA8B5E
16.7%	16.7% #C2976E	RGB 194 151 110	#C2976E
33.3%	33.3% #CAA480	RGB 202 164 128	#CAA480
50.0%	50.0% #D2B292	RGB 210 178 146	#D2B292
66.7%	66.7% #DAC0A6	RGB 218 192 166	#DAC0A6
83.3%	83.3% #E2CEBB	RGB 226 206 187	#E2CEBB
100.0%	100.0% #EBDED1	RGB 235 222 209	#EBDED1

#BA8B5E #C2976E #CAA480 #D2B292 #DAC0A6 #E2CEBB #EBDED1

#BA8B5E - #D2B292 - #EBDED1

CSS codes

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

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