#BAB5AC - #ECCDC2 | 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 #BAB5AC to #ECCDC2

#BAB5AC #ECCDC2

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

#BAB5AC - #ECCDC2 | 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 #BAB5AC as 0% and #ECCDC2 as 100%.

0.0%	0.0% #BAB5AC	RGB 186 181 172	#BAB5AC
16.7%	16.7% #C2B9AF	RGB 194 185 175	#C2B9AF
33.3%	33.3% #CABDB3	RGB 202 189 179	#CABDB3
50.0%	50.0% #D3C1B7	RGB 211 193 183	#D3C1B7
66.7%	66.7% #DBC5BA	RGB 219 197 186	#DBC5BA
83.3%	83.3% #E3C9BE	RGB 227 201 190	#E3C9BE
100.0%	100.0% #ECCDC2	RGB 236 205 194	#ECCDC2

#BAB5AC #C2B9AF #CABDB3 #D3C1B7 #DBC5BA #E3C9BE #ECCDC2

#BAB5AC - #ECCDC2

HSV Blend

#BAB5AC - #ECCDC2 | 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 #BAB5AC as 0% and #ECCDC2 as 100%.

0.0%	0.0% #BAB5AC	RGB 186 181 172	#BAB5AC
16.7%	16.7% #C2BAB0	RGB 194 186 176	#C2BAB0
33.3%	33.3% #CABFB4	RGB 202 191 180	#CABFB4
50.0%	50.0% #D3C4B8	RGB 211 196 184	#D3C4B8
66.7%	66.7% #DBC8BB	RGB 219 200 187	#DBC8BB
83.3%	83.3% #E3CABF	RGB 227 202 191	#E3CABF
100.0%	100.0% #ECCDC2	RGB 236 205 194	#ECCDC2

#BAB5AC #C2BAB0 #CABFB4 #D3C4B8 #DBC8BB #E3CABF #ECCDC2

#BAB5AC - #D3C4B8 - #ECCDC2

CSS codes

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

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