#BC5E98 - #EBD1E1 | 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 #BC5E98 to #EBD1E1

#BC5E98 #EBD1E1

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

#BC5E98 - #EBD1E1 | 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 #BC5E98 as 0% and #EBD1E1 as 100%.

0.0%	0.0% #BC5E98	RGB 188 94 152	#BC5E98
16.7%	16.7% #C371A4	RGB 195 113 164	#C371A4
33.3%	33.3% #CB84B0	RGB 203 132 176	#CB84B0
50.0%	50.0% #D397BC	RGB 211 151 188	#D397BC
66.7%	66.7% #DBAAC8	RGB 219 170 200	#DBAAC8
83.3%	83.3% #E3BDD4	RGB 227 189 212	#E3BDD4
100.0%	100.0% #EBD1E1	RGB 235 209 225	#EBD1E1

#BC5E98 #C371A4 #CB84B0 #D397BC #DBAAC8 #E3BDD4 #EBD1E1

#BC5E98 - #EBD1E1

HSV Blend

#BC5E98 - #EBD1E1 | 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 #BC5E98 as 0% and #EBD1E1 as 100%.

0.0%	0.0% #BC5E98	RGB 188 94 152	#BC5E98
16.7%	16.7% #C36EA3	RGB 195 110 163	#C36EA3
33.3%	33.3% #CB80AE	RGB 203 128 174	#CB80AE
50.0%	50.0% #D392BA	RGB 211 146 186	#D392BA
66.7%	66.7% #DBA6C7	RGB 219 166 199	#DBA6C7
83.3%	83.3% #E3BBD3	RGB 227 187 211	#E3BBD3
100.0%	100.0% #EBD1E1	RGB 235 209 225	#EBD1E1

#BC5E98 #C36EA3 #CB80AE #D392BA #DBA6C7 #E3BBD3 #EBD1E1

#BC5E98 - #D392BA - #EBD1E1

CSS codes

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

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