#BF2BAF - #ECC2E8 | 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 #BF2BAF to #ECC2E8

#BF2BAF #ECC2E8

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

#BF2BAF - #ECC2E8 | 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 #BF2BAF as 0% and #ECC2E8 as 100%.

0.0%	0.0% #BF2BAF	RGB 191 43 175	#BF2BAF
16.7%	16.7% #C644B8	RGB 198 68 184	#C644B8
33.3%	33.3% #CE5DC2	RGB 206 93 194	#CE5DC2
50.0%	50.0% #D576CB	RGB 213 118 203	#D576CB
66.7%	66.7% #DD8FD5	RGB 221 143 213	#DD8FD5
83.3%	83.3% #E4A8DE	RGB 228 168 222	#E4A8DE
100.0%	100.0% #ECC2E8	RGB 236 194 232	#ECC2E8

#BF2BAF #C644B8 #CE5DC2 #D576CB #DD8FD5 #E4A8DE #ECC2E8

#BF2BAF - #ECC2E8

HSV Blend

#BF2BAF - #ECC2E8 | 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 #BF2BAF as 0% and #ECC2E8 as 100%.

0.0%	0.0% #BF2BAF	RGB 191 43 175	#BF2BAF
16.7%	16.7% #C640B8	RGB 198 64 184	#C640B8
33.3%	33.3% #CE57C1	RGB 206 87 193	#CE57C1
50.0%	50.0% #D56FCB	RGB 213 111 203	#D56FCB
66.7%	66.7% #DD89D4	RGB 221 137 212	#DD89D4
83.3%	83.3% #E4A5DE	RGB 228 165 222	#E4A5DE
100.0%	100.0% #ECC2E8	RGB 236 194 232	#ECC2E8

#BF2BAF #C640B8 #CE57C1 #D56FCB #DD89D4 #E4A5DE #ECC2E8

#BF2BAF - #D56FCB - #ECC2E8

CSS codes

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

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