#BF2C5E - #ECC2D1 | 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 #BF2C5E to #ECC2D1

#BF2C5E #ECC2D1

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

#BF2C5E - #ECC2D1 | 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 #BF2C5E as 0% and #ECC2D1 as 100%.

0.0%	0.0% #BF2C5E	RGB 191 44 94	#BF2C5E
16.7%	16.7% #C64571	RGB 198 69 113	#C64571
33.3%	33.3% #CE5E84	RGB 206 94 132	#CE5E84
50.0%	50.0% #D57797	RGB 213 119 151	#D57797
66.7%	66.7% #DD90AA	RGB 221 144 170	#DD90AA
83.3%	83.3% #E4A9BD	RGB 228 169 189	#E4A9BD
100.0%	100.0% #ECC2D1	RGB 236 194 209	#ECC2D1

#BF2C5E #C64571 #CE5E84 #D57797 #DD90AA #E4A9BD #ECC2D1

#BF2C5E - #ECC2D1

HSV Blend

#BF2C5E - #ECC2D1 | 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 #BF2C5E as 0% and #ECC2D1 as 100%.

0.0%	0.0% #BF2B5D	RGB 191 43 93	#BF2B5D
16.7%	16.7% #C6416E	RGB 198 65 110	#C6416E
33.3%	33.3% #CE5880	RGB 206 88 128	#CE5880
50.0%	50.0% #D57093	RGB 213 112 147	#D57093
66.7%	66.7% #DD8AA7	RGB 221 138 167	#DD8AA7
83.3%	83.3% #E4A5BB	RGB 228 165 187	#E4A5BB
100.0%	100.0% #ECC2D1	RGB 236 194 209	#ECC2D1

#BF2B5D #C6416E #CE5880 #D57093 #DD8AA7 #E4A5BB #ECC2D1

#BF2C5E - #D57093 - #ECC2D1

CSS codes

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

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