#BA8C3C - #EBDDC7 | 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 #BA8C3C to #EBDDC7

#BA8C3C #EBDDC7

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

#BA8C3C - #EBDDC7 | 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 #BA8C3C as 0% and #EBDDC7 as 100%.

0.0%	0.0% #BA8C3C	RGB 186 140 60	#BA8C3C
16.7%	16.7% #C29953	RGB 194 153 83	#C29953
33.3%	33.3% #CAA76A	RGB 202 167 106	#CAA76A
50.0%	50.0% #D2B481	RGB 210 180 129	#D2B481
66.7%	66.7% #DAC298	RGB 218 194 152	#DAC298
83.3%	83.3% #E2CFAF	RGB 226 207 175	#E2CFAF
100.0%	100.0% #EBDDC7	RGB 235 221 199	#EBDDC7

#BA8C3C #C29953 #CAA76A #D2B481 #DAC298 #E2CFAF #EBDDC7

#BA8C3C - #EBDDC7

HSV Blend

#BA8C3C - #EBDDC7 | 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 #BA8C3C as 0% and #EBDDC7 as 100%.

0.0%	0.0% #BA8C3C	RGB 186 140 60	#BA8C3C
16.7%	16.7% #C2974F	RGB 194 151 79	#C2974F
33.3%	33.3% #CAA464	RGB 202 164 100	#CAA464
50.0%	50.0% #D2B17B	RGB 210 177 123	#D2B17B
66.7%	66.7% #DABF92	RGB 218 191 146	#DABF92
83.3%	83.3% #E2CDAC	RGB 226 205 172	#E2CDAC
100.0%	100.0% #EBDDC7	RGB 235 221 199	#EBDDC7

#BA8C3C #C2974F #CAA464 #D2B17B #DABF92 #E2CDAC #EBDDC7

#BA8C3C - #D2B17B - #EBDDC7

CSS codes

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

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