#BF8DB7 - #ECDEE9 | 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 #BF8DB7 to #ECDEE9

#BF8DB7 #ECDEE9

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

#BF8DB7 - #ECDEE9 | 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 #BF8DB7 as 0% and #ECDEE9 as 100%.

0.0%	0.0% #BF8DB7	RGB 191 141 183	#BF8DB7
16.7%	16.7% #C69ABF	RGB 198 154 191	#C69ABF
33.3%	33.3% #CEA8C7	RGB 206 168 199	#CEA8C7
50.0%	50.0% #D5B5D0	RGB 213 181 208	#D5B5D0
66.7%	66.7% #DDC3D8	RGB 221 195 216	#DDC3D8
83.3%	83.3% #E4D0E0	RGB 228 208 224	#E4D0E0
100.0%	100.0% #ECDEE9	RGB 236 222 233	#ECDEE9

#BF8DB7 #C69ABF #CEA8C7 #D5B5D0 #DDC3D8 #E4D0E0 #ECDEE9

#BF8DB7 - #ECDEE9

HSV Blend

#BF8DB7 - #ECDEE9 | 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 #BF8DB7 as 0% and #ECDEE9 as 100%.

0.0%	0.0% #BF8DB7	RGB 191 141 183	#BF8DB7
16.7%	16.7% #C699BE	RGB 198 153 190	#C699BE
33.3%	33.3% #CEA5C6	RGB 206 165 198	#CEA5C6
50.0%	50.0% #D5B3CF	RGB 213 179 207	#D5B3CF
66.7%	66.7% #DDC0D7	RGB 221 192 215	#DDC0D7
83.3%	83.3% #E4CFE0	RGB 228 207 224	#E4CFE0
100.0%	100.0% #ECDEE9	RGB 236 222 233	#ECDEE9

#BF8DB7 #C699BE #CEA5C6 #D5B3CF #DDC0D7 #E4CFE0 #ECDEE9

#BF8DB7 - #D5B3CF - #ECDEE9

CSS codes

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

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