#BF2B7E - #ECC2DA | 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 #BF2B7E to #ECC2DA

#BF2B7E #ECC2DA

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

#BF2B7E - #ECC2DA | 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 #BF2B7E as 0% and #ECC2DA as 100%.

0.0%	0.0% #BF2B7E	RGB 191 43 126	#BF2B7E
16.7%	16.7% #C6448D	RGB 198 68 141	#C6448D
33.3%	33.3% #CE5D9C	RGB 206 93 156	#CE5D9C
50.0%	50.0% #D576AC	RGB 213 118 172	#D576AC
66.7%	66.7% #DD8FBB	RGB 221 143 187	#DD8FBB
83.3%	83.3% #E4A8CA	RGB 228 168 202	#E4A8CA
100.0%	100.0% #ECC2DA	RGB 236 194 218	#ECC2DA

#BF2B7E #C6448D #CE5D9C #D576AC #DD8FBB #E4A8CA #ECC2DA

#BF2B7E - #ECC2DA

HSV Blend

#BF2B7E - #ECC2DA | 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 #BF2B7E as 0% and #ECC2DA as 100%.

0.0%	0.0% #BF2B7E	RGB 191 43 126	#BF2B7E
16.7%	16.7% #C6408B	RGB 198 64 139	#C6408B
33.3%	33.3% #CE579A	RGB 206 87 154	#CE579A
50.0%	50.0% #D56FA9	RGB 213 111 169	#D56FA9
66.7%	66.7% #DD89B9	RGB 221 137 185	#DD89B9
83.3%	83.3% #E4A5C9	RGB 228 165 201	#E4A5C9
100.0%	100.0% #ECC2DA	RGB 236 194 218	#ECC2DA

#BF2B7E #C6408B #CE579A #D56FA9 #DD89B9 #E4A5C9 #ECC2DA

#BF2B7E - #D56FA9 - #ECC2DA

CSS codes

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

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