#BF4EC0 - #ECCCED | 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 #BF4EC0 to #ECCCED

#BF4EC0 #ECCCED

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

#BF4EC0 - #ECCCED | 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 #BF4EC0 as 0% and #ECCCED as 100%.

0.0%	0.0% #BF4EC0	RGB 191 78 192	#BF4EC0
16.7%	16.7% #C663C7	RGB 198 99 199	#C663C7
33.3%	33.3% #CE78CF	RGB 206 120 207	#CE78CF
50.0%	50.0% #D58DD6	RGB 213 141 214	#D58DD6
66.7%	66.7% #DDA2DE	RGB 221 162 222	#DDA2DE
83.3%	83.3% #E4B7E5	RGB 228 183 229	#E4B7E5
100.0%	100.0% #ECCCED	RGB 236 204 237	#ECCCED

#BF4EC0 #C663C7 #CE78CF #D58DD6 #DDA2DE #E4B7E5 #ECCCED

#BF4EC0 - #ECCCED

HSV Blend

#BF4EC0 - #ECCCED | 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 #BF4EC0 as 0% and #ECCCED as 100%.

0.0%	0.0% #BF4EC0	RGB 191 78 192	#BF4EC0
16.7%	16.7% #C660C7	RGB 198 96 199	#C660C7
33.3%	33.3% #CD73CF	RGB 205 115 207	#CD73CF
50.0%	50.0% #D487D6	RGB 212 135 214	#D487D6
66.7%	66.7% #DC9DDE	RGB 220 157 222	#DC9DDE
83.3%	83.3% #E4B4E5	RGB 228 180 229	#E4B4E5
100.0%	100.0% #ECCCED	RGB 236 204 237	#ECCCED

#BF4EC0 #C660C7 #CD73CF #D487D6 #DC9DDE #E4B4E5 #ECCCED

#BF4EC0 - #D487D6 - #ECCCED

CSS codes

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

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