#BC5E8D - #EBD1DE | 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 #BC5E8D to #EBD1DE

#BC5E8D #EBD1DE

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

#BC5E8D - #EBD1DE | 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 #BC5E8D as 0% and #EBD1DE as 100%.

0.0%	0.0% #BC5E8D	RGB 188 94 141	#BC5E8D
16.7%	16.7% #C3719A	RGB 195 113 154	#C3719A
33.3%	33.3% #CB84A8	RGB 203 132 168	#CB84A8
50.0%	50.0% #D397B5	RGB 211 151 181	#D397B5
66.7%	66.7% #DBAAC3	RGB 219 170 195	#DBAAC3
83.3%	83.3% #E3BDD0	RGB 227 189 208	#E3BDD0
100.0%	100.0% #EBD1DE	RGB 235 209 222	#EBD1DE

#BC5E8D #C3719A #CB84A8 #D397B5 #DBAAC3 #E3BDD0 #EBD1DE

#BC5E8D - #EBD1DE

HSV Blend

#BC5E8D - #EBD1DE | 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 #BC5E8D as 0% and #EBD1DE as 100%.

0.0%	0.0% #BC5E8C	RGB 188 94 140	#BC5E8C
16.7%	16.7% #C36E99	RGB 195 110 153	#C36E99
33.3%	33.3% #CB80A5	RGB 203 128 165	#CB80A5
50.0%	50.0% #D392B3	RGB 211 146 179	#D392B3
66.7%	66.7% #DBA6C0	RGB 219 166 192	#DBA6C0
83.3%	83.3% #E3BBCF	RGB 227 187 207	#E3BBCF
100.0%	100.0% #EBD1DE	RGB 235 209 222	#EBD1DE

#BC5E8C #C36E99 #CB80A5 #D392B3 #DBA6C0 #E3BBCF #EBD1DE

#BC5E8D - #D392B3 - #EBD1DE

CSS codes

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

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