#BC5E8B - #EBD1DD | 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 #BC5E8B to #EBD1DD

#BC5E8B #EBD1DD

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

#BC5E8B - #EBD1DD | 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 #BC5E8B as 0% and #EBD1DD as 100%.

0.0%	0.0% #BC5E8B	RGB 188 94 139	#BC5E8B
16.7%	16.7% #C37198	RGB 195 113 152	#C37198
33.3%	33.3% #CB84A6	RGB 203 132 166	#CB84A6
50.0%	50.0% #D397B4	RGB 211 151 180	#D397B4
66.7%	66.7% #DBAAC1	RGB 219 170 193	#DBAAC1
83.3%	83.3% #E3BDCF	RGB 227 189 207	#E3BDCF
100.0%	100.0% #EBD1DD	RGB 235 209 221	#EBD1DD

#BC5E8B #C37198 #CB84A6 #D397B4 #DBAAC1 #E3BDCF #EBD1DD

#BC5E8B - #EBD1DD

HSV Blend

#BC5E8B - #EBD1DD | 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 #BC5E8B as 0% and #EBD1DD as 100%.

0.0%	0.0% #BC5E8B	RGB 188 94 139	#BC5E8B
16.7%	16.7% #C36E97	RGB 195 110 151	#C36E97
33.3%	33.3% #CB80A3	RGB 203 128 163	#CB80A3
50.0%	50.0% #D392B1	RGB 211 146 177	#D392B1
66.7%	66.7% #DBA6BF	RGB 219 166 191	#DBA6BF
83.3%	83.3% #E3BBCD	RGB 227 187 205	#E3BBCD
100.0%	100.0% #EBD1DD	RGB 235 209 221	#EBD1DD

#BC5E8B #C36E97 #CB80A3 #D392B1 #DBA6BF #E3BBCD #EBD1DD

#BC5E8B - #D392B1 - #EBD1DD

CSS codes

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

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