#BF8C9A - #ECDEE2 | 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 #BF8C9A to #ECDEE2

#BF8C9A #ECDEE2

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

#BF8C9A - #ECDEE2 | 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 #BF8C9A as 0% and #ECDEE2 as 100%.

0.0%	0.0% #BF8C9A	RGB 191 140 154	#BF8C9A
16.7%	16.7% #C699A6	RGB 198 153 166	#C699A6
33.3%	33.3% #CEA7B2	RGB 206 167 178	#CEA7B2
50.0%	50.0% #D5B5BE	RGB 213 181 190	#D5B5BE
66.7%	66.7% #DDC2CA	RGB 221 194 202	#DDC2CA
83.3%	83.3% #E4D0D6	RGB 228 208 214	#E4D0D6
100.0%	100.0% #ECDEE2	RGB 236 222 226	#ECDEE2

#BF8C9A #C699A6 #CEA7B2 #D5B5BE #DDC2CA #E4D0D6 #ECDEE2

#BF8C9A - #ECDEE2

HSV Blend

#BF8C9A - #ECDEE2 | 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 #BF8C9A as 0% and #ECDEE2 as 100%.

0.0%	0.0% #BF8C9A	RGB 191 140 154	#BF8C9A
16.7%	16.7% #C698A5	RGB 198 152 165	#C698A5
33.3%	33.3% #CEA5B0	RGB 206 165 176	#CEA5B0
50.0%	50.0% #D5B2BC	RGB 213 178 188	#D5B2BC
66.7%	66.7% #DDC0C8	RGB 221 192 200	#DDC0C8
83.3%	83.3% #E4CFD5	RGB 228 207 213	#E4CFD5
100.0%	100.0% #ECDEE2	RGB 236 222 226	#ECDEE2

#BF8C9A #C698A5 #CEA5B0 #D5B2BC #DDC0C8 #E4CFD5 #ECDEE2

#BF8C9A - #D5B2BC - #ECDEE2

CSS codes

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

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