#BC5EBF - #EBD1EC | 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 #BC5EBF to #EBD1EC

#BC5EBF #EBD1EC

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

#BC5EBF - #EBD1EC | 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 #BC5EBF as 0% and #EBD1EC as 100%.

0.0%	0.0% #BC5EBF	RGB 188 94 191	#BC5EBF
16.7%	16.7% #C371C6	RGB 195 113 198	#C371C6
33.3%	33.3% #CB84CE	RGB 203 132 206	#CB84CE
50.0%	50.0% #D397D5	RGB 211 151 213	#D397D5
66.7%	66.7% #DBAADD	RGB 219 170 221	#DBAADD
83.3%	83.3% #E3BDE4	RGB 227 189 228	#E3BDE4
100.0%	100.0% #EBD1EC	RGB 235 209 236	#EBD1EC

#BC5EBF #C371C6 #CB84CE #D397D5 #DBAADD #E3BDE4 #EBD1EC

#BC5EBF - #EBD1EC

HSV Blend

#BC5EBF - #EBD1EC | 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 #BC5EBF as 0% and #EBD1EC as 100%.

0.0%	0.0% #BC5EBF	RGB 188 94 191	#BC5EBF
16.7%	16.7% #C36EC6	RGB 195 110 198	#C36EC6
33.3%	33.3% #CB80CE	RGB 203 128 206	#CB80CE
50.0%	50.0% #D393D5	RGB 211 147 213	#D393D5
66.7%	66.7% #DBA6DD	RGB 219 166 221	#DBA6DD
83.3%	83.3% #E3BBE4	RGB 227 187 228	#E3BBE4
100.0%	100.0% #EBD1EC	RGB 235 209 236	#EBD1EC

#BC5EBF #C36EC6 #CB80CE #D393D5 #DBA6DD #E3BBE4 #EBD1EC

#BC5EBF - #D393D5 - #EBD1EC

CSS codes

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

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