#BC3FD4 - #EBC8F2 | 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 #BC3FD4 to #EBC8F2

#BC3FD4 #EBC8F2

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

#BC3FD4 - #EBC8F2 | 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 #BC3FD4 as 0% and #EBC8F2 as 100%.

0.0%	0.0% #BC3FD4	RGB 188 63 212	#BC3FD4
16.7%	16.7% #C355D9	RGB 195 85 217	#C355D9
33.3%	33.3% #CB6CDE	RGB 203 108 222	#CB6CDE
50.0%	50.0% #D383E3	RGB 211 131 227	#D383E3
66.7%	66.7% #DB9AE8	RGB 219 154 232	#DB9AE8
83.3%	83.3% #E3B1ED	RGB 227 177 237	#E3B1ED
100.0%	100.0% #EBC8F2	RGB 235 200 242	#EBC8F2

#BC3FD4 #C355D9 #CB6CDE #D383E3 #DB9AE8 #E3B1ED #EBC8F2

#BC3FD4 - #EBC8F2

HSV Blend

#BC3FD4 - #EBC8F2 | 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 #BC3FD4 as 0% and #EBC8F2 as 100%.

0.0%	0.0% #BC3FD4	RGB 188 63 212	#BC3FD4
16.7%	16.7% #C353D9	RGB 195 83 217	#C353D9
33.3%	33.3% #CA69DE	RGB 202 105 222	#CA69DE
50.0%	50.0% #D27FE3	RGB 210 127 227	#D27FE3
66.7%	66.7% #DA96E8	RGB 218 150 232	#DA96E8
83.3%	83.3% #E2AEED	RGB 226 174 237	#E2AEED
100.0%	100.0% #EBC8F2	RGB 235 200 242	#EBC8F2

#BC3FD4 #C353D9 #CA69DE #D27FE3 #DA96E8 #E2AEED #EBC8F2

#BC3FD4 - #D27FE3 - #EBC8F2

CSS codes

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

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