#BC3EBA - #EBC7EB | 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 #BC3EBA to #EBC7EB

#BC3EBA #EBC7EB

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

#BC3EBA - #EBC7EB | 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 #BC3EBA as 0% and #EBC7EB as 100%.

0.0%	0.0% #BC3EBA	RGB 188 62 186	#BC3EBA
16.7%	16.7% #C354C2	RGB 195 84 194	#C354C2
33.3%	33.3% #CB6BCA	RGB 203 107 202	#CB6BCA
50.0%	50.0% #D382D2	RGB 211 130 210	#D382D2
66.7%	66.7% #DB99DA	RGB 219 153 218	#DB99DA
83.3%	83.3% #E3B0E2	RGB 227 176 226	#E3B0E2
100.0%	100.0% #EBC7EB	RGB 235 199 235	#EBC7EB

#BC3EBA #C354C2 #CB6BCA #D382D2 #DB99DA #E3B0E2 #EBC7EB

#BC3EBA - #EBC7EB

HSV Blend

#BC3EBA - #EBC7EB | 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 #BC3EBA as 0% and #EBC7EB as 100%.

0.0%	0.0% #BC3EBA	RGB 188 62 186	#BC3EBA
16.7%	16.7% #C351C2	RGB 195 81 194	#C351C2
33.3%	33.3% #CB66CA	RGB 203 102 202	#CB66CA
50.0%	50.0% #D37CD2	RGB 211 124 210	#D37CD2
66.7%	66.7% #DB93DA	RGB 219 147 218	#DB93DA
83.3%	83.3% #E3ACE3	RGB 227 172 227	#E3ACE3
100.0%	100.0% #EBC7EB	RGB 235 199 235	#EBC7EB

#BC3EBA #C351C2 #CB66CA #D37CD2 #DB93DA #E3ACE3 #EBC7EB

#BC3EBA - #D37CD2 - #EBC7EB

CSS codes

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

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