#BF5EBF - #ECD1EC | 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 #BF5EBF to #ECD1EC

#BF5EBF #ECD1EC

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

#BF5EBF - #ECD1EC | 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 #BF5EBF as 0% and #ECD1EC as 100%.

0.0%	0.0% #BF5EBF	RGB 191 94 191	#BF5EBF
16.7%	16.7% #C671C6	RGB 198 113 198	#C671C6
33.3%	33.3% #CE84CE	RGB 206 132 206	#CE84CE
50.0%	50.0% #D597D5	RGB 213 151 213	#D597D5
66.7%	66.7% #DDAADD	RGB 221 170 221	#DDAADD
83.3%	83.3% #E4BDE4	RGB 228 189 228	#E4BDE4
100.0%	100.0% #ECD1EC	RGB 236 209 236	#ECD1EC

#BF5EBF #C671C6 #CE84CE #D597D5 #DDAADD #E4BDE4 #ECD1EC

#BF5EBF - #ECD1EC

HSV Blend

#BF5EBF - #ECD1EC | 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 #BF5EBF as 0% and #ECD1EC as 100%.

0.0%	0.0% #BE5EBF	RGB 190 94 191	#BE5EBF
16.7%	16.7% #C66EC6	RGB 198 110 198	#C66EC6
33.3%	33.3% #CD80CE	RGB 205 128 206	#CD80CE
50.0%	50.0% #D593D5	RGB 213 147 213	#D593D5
66.7%	66.7% #DDA6DD	RGB 221 166 221	#DDA6DD
83.3%	83.3% #E4BBE4	RGB 228 187 228	#E4BBE4
100.0%	100.0% #ECD1EC	RGB 236 209 236	#ECD1EC

#BE5EBF #C66EC6 #CD80CE #D593D5 #DDA6DD #E4BBE4 #ECD1EC

#BF5EBF - #D593D5 - #ECD1EC

CSS codes

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

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