#EEE5EA - #BC8C8C | 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 #EEE5EA to #BC8C8C

#EEE5EA #BC8C8C

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

#EEE5EA - #BC8C8C | 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 #EEE5EA as 0% and #BC8C8C as 100%.

0.0%	0.0% #EEE5EA	RGB 238 229 234	#EEE5EA
16.7%	16.7% #E5D6DA	RGB 229 214 218	#E5D6DA
33.3%	33.3% #DDC7CA	RGB 221 199 202	#DDC7CA
50.0%	50.0% #D5B8BB	RGB 213 184 187	#D5B8BB
66.7%	66.7% #CCA9AB	RGB 204 169 171	#CCA9AB
83.3%	83.3% #C49A9B	RGB 196 154 155	#C49A9B
100.0%	100.0% #BC8C8C	RGB 188 140 140	#BC8C8C

#EEE5EA #E5D6DA #DDC7CA #D5B8BB #CCA9AB #C49A9B #BC8C8C

#EEE5EA - #BC8C8C

HSV Blend

#EEE5EA - #BC8C8C | 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 #EEE5EA as 0% and #BC8C8C as 100%.

0.0%	0.0% #EEE5EA	RGB 238 229 234	#EEE5EA
16.7%	16.7% #E5D4DC	RGB 229 212 220	#E5D4DC
33.3%	33.3% #DDC4CD	RGB 221 196 205	#DDC4CD
50.0%	50.0% #D5B5BE	RGB 213 181 190	#D5B5BE
66.7%	66.7% #CCA7AE	RGB 204 167 174	#CCA7AE
83.3%	83.3% #C4999D	RGB 196 153 157	#C4999D
100.0%	100.0% #BC8C8C	RGB 188 140 140	#BC8C8C

#EEE5EA #E5D4DC #DDC4CD #D5B5BE #CCA7AE #C4999D #BC8C8C

#EEE5EA - #D5B5BE - #BC8C8C

CSS codes

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

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