#BC5EBB - #EBD1E9 | 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 #BC5EBB to #EBD1E9

#BC5EBB #EBD1E9

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

#BC5EBB - #EBD1E9 | 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 #BC5EBB as 0% and #EBD1E9 as 100%.

0.0%	0.0% #BC5EBB	RGB 188 94 187	#BC5EBB
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% #DBAAD9	RGB 219 170 217	#DBAAD9
83.3%	83.3% #E3BDE1	RGB 227 189 225	#E3BDE1
100.0%	100.0% #EBD1E9	RGB 235 209 233	#EBD1E9

#BC5EBB #C371C2 #CB84CA #D397D2 #DBAAD9 #E3BDE1 #EBD1E9

#BC5EBB - #EBD1E9

HSV Blend

#BC5EBB - #EBD1E9 | 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 #BC5EBB as 0% and #EBD1E9 as 100%.

0.0%	0.0% #BC5EBB	RGB 188 94 187	#BC5EBB
16.7%	16.7% #C36EC1	RGB 195 110 193	#C36EC1
33.3%	33.3% #CB80C9	RGB 203 128 201	#CB80C9
50.0%	50.0% #D392D0	RGB 211 146 208	#D392D0
66.7%	66.7% #DBA6D8	RGB 219 166 216	#DBA6D8
83.3%	83.3% #E3BBE0	RGB 227 187 224	#E3BBE0
100.0%	100.0% #EBD1E9	RGB 235 209 233	#EBD1E9

#BC5EBB #C36EC1 #CB80C9 #D392D0 #DBA6D8 #E3BBE0 #EBD1E9

#BC5EBB - #D392D0 - #EBD1E9

CSS codes

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

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