#BC2F7A - #EBC3D9 | 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 #BC2F7A to #EBC3D9

#BC2F7A #EBC3D9

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

#BC2F7A - #EBC3D9 | 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 #BC2F7A as 0% and #EBC3D9 as 100%.

0.0%	0.0% #BC2F7A	RGB 188 47 122	#BC2F7A
16.7%	16.7% #C34789	RGB 195 71 137	#C34789
33.3%	33.3% #CB6099	RGB 203 96 153	#CB6099
50.0%	50.0% #D379A9	RGB 211 121 169	#D379A9
66.7%	66.7% #DB91B9	RGB 219 145 185	#DB91B9
83.3%	83.3% #E3AAC9	RGB 227 170 201	#E3AAC9
100.0%	100.0% #EBC3D9	RGB 235 195 217	#EBC3D9

#BC2F7A #C34789 #CB6099 #D379A9 #DB91B9 #E3AAC9 #EBC3D9

#BC2F7A - #EBC3D9

HSV Blend

#BC2F7A - #EBC3D9 | 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 #BC2F7A as 0% and #EBC3D9 as 100%.

0.0%	0.0% #BC2F7A	RGB 188 47 122	#BC2F7A
16.7%	16.7% #C34388	RGB 195 67 136	#C34388
33.3%	33.3% #CB5A97	RGB 203 90 151	#CB5A97
50.0%	50.0% #D372A6	RGB 211 114 166	#D372A6
66.7%	66.7% #DB8BB6	RGB 219 139 182	#DB8BB6
83.3%	83.3% #E3A6C7	RGB 227 166 199	#E3A6C7
100.0%	100.0% #EBC3D9	RGB 235 195 217	#EBC3D9

#BC2F7A #C34388 #CB5A97 #D372A6 #DB8BB6 #E3A6C7 #EBC3D9

#BC2F7A - #D372A6 - #EBC3D9

CSS codes

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

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