#BA9F8C - #EBE3DE | 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 #BA9F8C to #EBE3DE

#BA9F8C #EBE3DE

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

#BA9F8C - #EBE3DE | 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 #BA9F8C as 0% and #EBE3DE as 100%.

0.0%	0.0% #BA9F8C	RGB 186 159 140	#BA9F8C
16.7%	16.7% #C2AA99	RGB 194 170 153	#C2AA99
33.3%	33.3% #CAB5A7	RGB 202 181 167	#CAB5A7
50.0%	50.0% #D2C1B5	RGB 210 193 181	#D2C1B5
66.7%	66.7% #DACCC2	RGB 218 204 194	#DACCC2
83.3%	83.3% #E2D7D0	RGB 226 215 208	#E2D7D0
100.0%	100.0% #EBE3DE	RGB 235 227 222	#EBE3DE

#BA9F8C #C2AA99 #CAB5A7 #D2C1B5 #DACCC2 #E2D7D0 #EBE3DE

#BA9F8C - #EBE3DE

HSV Blend

#BA9F8C - #EBE3DE | 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 #BA9F8C as 0% and #EBE3DE as 100%.

0.0%	0.0% #BA9F8C	RGB 186 159 140	#BA9F8C
16.7%	16.7% #C2A998	RGB 194 169 152	#C2A998
33.3%	33.3% #CAB4A5	RGB 202 180 165	#CAB4A5
50.0%	50.0% #D2BFB2	RGB 210 191 178	#D2BFB2
66.7%	66.7% #DACAC0	RGB 218 202 192	#DACAC0
83.3%	83.3% #E2D6CF	RGB 226 214 207	#E2D6CF
100.0%	100.0% #EBE3DE	RGB 235 227 222	#EBE3DE

#BA9F8C #C2A998 #CAB4A5 #D2BFB2 #DACAC0 #E2D6CF #EBE3DE

#BA9F8C - #D2BFB2 - #EBE3DE

CSS codes

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

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