#BC3EBE - #EBC7EC | 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 #BC3EBE to #EBC7EC

#BC3EBE #EBC7EC

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

#BC3EBE - #EBC7EC | 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 #BC3EBE as 0% and #EBC7EC as 100%.

0.0%	0.0% #BC3EBE	RGB 188 62 190	#BC3EBE
16.7%	16.7% #C354C5	RGB 195 84 197	#C354C5
33.3%	33.3% #CB6BCD	RGB 203 107 205	#CB6BCD
50.0%	50.0% #D382D5	RGB 211 130 213	#D382D5
66.7%	66.7% #DB99DC	RGB 219 153 220	#DB99DC
83.3%	83.3% #E3B0E4	RGB 227 176 228	#E3B0E4
100.0%	100.0% #EBC7EC	RGB 235 199 236	#EBC7EC

#BC3EBE #C354C5 #CB6BCD #D382D5 #DB99DC #E3B0E4 #EBC7EC

#BC3EBE - #EBC7EC

HSV Blend

#BC3EBE - #EBC7EC | 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 #BC3EBE as 0% and #EBC7EC as 100%.

0.0%	0.0% #BC3EBE	RGB 188 62 190	#BC3EBE
16.7%	16.7% #C351C5	RGB 195 81 197	#C351C5
33.3%	33.3% #CB66CD	RGB 203 102 205	#CB66CD
50.0%	50.0% #D37CD5	RGB 211 124 213	#D37CD5
66.7%	66.7% #DA94DC	RGB 218 148 220	#DA94DC
83.3%	83.3% #E2ACE4	RGB 226 172 228	#E2ACE4
100.0%	100.0% #EBC7EC	RGB 235 199 236	#EBC7EC

#BC3EBE #C351C5 #CB66CD #D37CD5 #DA94DC #E2ACE4 #EBC7EC

#BC3EBE - #D37CD5 - #EBC7EC

CSS codes

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

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