#BA997B - #EBE1D9 | 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 #BA997B to #EBE1D9

#BA997B #EBE1D9

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

#BA997B - #EBE1D9 | 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 #BA997B as 0% and #EBE1D9 as 100%.

0.0%	0.0% #BA997B	RGB 186 153 123	#BA997B
16.7%	16.7% #C2A58A	RGB 194 165 138	#C2A58A
33.3%	33.3% #CAB19A	RGB 202 177 154	#CAB19A
50.0%	50.0% #D2BDAA	RGB 210 189 170	#D2BDAA
66.7%	66.7% #DAC9B9	RGB 218 201 185	#DAC9B9
83.3%	83.3% #E2D5C9	RGB 226 213 201	#E2D5C9
100.0%	100.0% #EBE1D9	RGB 235 225 217	#EBE1D9

#BA997B #C2A58A #CAB19A #D2BDAA #DAC9B9 #E2D5C9 #EBE1D9

#BA997B - #EBE1D9

HSV Blend

#BA997B - #EBE1D9 | 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 #BA997B as 0% and #EBE1D9 as 100%.

0.0%	0.0% #BA997B	RGB 186 153 123	#BA997B
16.7%	16.7% #C2A388	RGB 194 163 136	#C2A388
33.3%	33.3% #CAAF97	RGB 202 175 151	#CAAF97
50.0%	50.0% #D2BAA6	RGB 210 186 166	#D2BAA6
66.7%	66.7% #DAC7B6	RGB 218 199 182	#DAC7B6
83.3%	83.3% #E2D3C7	RGB 226 211 199	#E2D3C7
100.0%	100.0% #EBE1D9	RGB 235 225 217	#EBE1D9

#BA997B #C2A388 #CAAF97 #D2BAA6 #DAC7B6 #E2D3C7 #EBE1D9

#BA997B - #D2BAA6 - #EBE1D9

CSS codes

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

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