#BC5EBA - #EBD1EB | 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 #BC5EBA to #EBD1EB

#BC5EBA #EBD1EB

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

#BC5EBA - #EBD1EB | 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 #BC5EBA as 0% and #EBD1EB as 100%.

0.0%	0.0% #BC5EBA	RGB 188 94 186	#BC5EBA
16.7%	16.7% #C371C2	RGB 195 113 194	#C371C2
33.3%	33.3% #CB84CA	RGB 203 132 202	#CB84CA
50.0%	50.0% #D397D2	RGB 211 151 210	#D397D2
66.7%	66.7% #DBAADA	RGB 219 170 218	#DBAADA
83.3%	83.3% #E3BDE2	RGB 227 189 226	#E3BDE2
100.0%	100.0% #EBD1EB	RGB 235 209 235	#EBD1EB

#BC5EBA #C371C2 #CB84CA #D397D2 #DBAADA #E3BDE2 #EBD1EB

#BC5EBA - #EBD1EB

HSV Blend

#BC5EBA - #EBD1EB | 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 #BC5EBA as 0% and #EBD1EB as 100%.

0.0%	0.0% #BC5EBA	RGB 188 94 186	#BC5EBA
16.7%	16.7% #C36EC2	RGB 195 110 194	#C36EC2
33.3%	33.3% #CB80CA	RGB 203 128 202	#CB80CA
50.0%	50.0% #D392D2	RGB 211 146 210	#D392D2
66.7%	66.7% #DBA6DA	RGB 219 166 218	#DBA6DA
83.3%	83.3% #E3BBE3	RGB 227 187 227	#E3BBE3
100.0%	100.0% #EBD1EB	RGB 235 209 235	#EBD1EB

#BC5EBA #C36EC2 #CB80CA #D392D2 #DBA6DA #E3BBE3 #EBD1EB

#BC5EBA - #D392D2 - #EBD1EB

CSS codes

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

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