#ECA0FF - #BF2BCD | 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 #ECA0FF to #BF2BCD

#ECA0FF #BF2BCD

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

#ECA0FF - #BF2BCD | 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 #ECA0FF as 0% and #BF2BCD as 100%.

0.0%	0.0% #ECA0FF	RGB 236 160 255	#ECA0FF
16.7%	16.7% #E48CF6	RGB 228 140 246	#E48CF6
33.3%	33.3% #DD79EE	RGB 221 121 238	#DD79EE
50.0%	50.0% #D565E6	RGB 213 101 230	#D565E6
66.7%	66.7% #CE52DD	RGB 206 82 221	#CE52DD
83.3%	83.3% #C63ED5	RGB 198 62 213	#C63ED5
100.0%	100.0% #BF2BCD	RGB 191 43 205	#BF2BCD

#ECA0FF #E48CF6 #DD79EE #D565E6 #CE52DD #C63ED5 #BF2BCD

#ECA0FF - #BF2BCD

HSV Blend

#ECA0FF - #BF2BCD | 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 #ECA0FF as 0% and #BF2BCD as 100%.

0.0%	0.0% #ECA0FF	RGB 236 160 255	#ECA0FF
16.7%	16.7% #E289F6	RGB 226 137 246	#E289F6
33.3%	33.3% #DA74EE	RGB 218 116 238	#DA74EE
50.0%	50.0% #D260E6	RGB 210 96 230	#D260E6
66.7%	66.7% #CB4DDD	RGB 203 77 221	#CB4DDD
83.3%	83.3% #C53BD5	RGB 197 59 213	#C53BD5
100.0%	100.0% #BF2BCD	RGB 191 43 205	#BF2BCD

#ECA0FF #E289F6 #DA74EE #D260E6 #CB4DDD #C53BD5 #BF2BCD

#ECA0FF - #D260E6 - #BF2BCD

CSS codes

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

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