#BC2FA5 - #EBC3E5 | 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 #BC2FA5 to #EBC3E5

#BC2FA5 #EBC3E5

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

#BC2FA5 - #EBC3E5 | 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 #BC2FA5 as 0% and #EBC3E5 as 100%.

0.0%	0.0% #BC2FA5	RGB 188 47 165	#BC2FA5
16.7%	16.7% #C347AF	RGB 195 71 175	#C347AF
33.3%	33.3% #CB60BA	RGB 203 96 186	#CB60BA
50.0%	50.0% #D379C5	RGB 211 121 197	#D379C5
66.7%	66.7% #DB91CF	RGB 219 145 207	#DB91CF
83.3%	83.3% #E3AADA	RGB 227 170 218	#E3AADA
100.0%	100.0% #EBC3E5	RGB 235 195 229	#EBC3E5

#BC2FA5 #C347AF #CB60BA #D379C5 #DB91CF #E3AADA #EBC3E5

#BC2FA5 - #EBC3E5

HSV Blend

#BC2FA5 - #EBC3E5 | 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 #BC2FA5 as 0% and #EBC3E5 as 100%.

0.0%	0.0% #BC2FA5	RGB 188 47 165	#BC2FA5
16.7%	16.7% #C343AF	RGB 195 67 175	#C343AF
33.3%	33.3% #CB5AB9	RGB 203 90 185	#CB5AB9
50.0%	50.0% #D372C4	RGB 211 114 196	#D372C4
66.7%	66.7% #DB8BCF	RGB 219 139 207	#DB8BCF
83.3%	83.3% #E3A6D9	RGB 227 166 217	#E3A6D9
100.0%	100.0% #EBC3E5	RGB 235 195 229	#EBC3E5

#BC2FA5 #C343AF #CB5AB9 #D372C4 #DB8BCF #E3A6D9 #EBC3E5

#BC2FA5 - #D372C4 - #EBC3E5

CSS codes

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

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