#BF5E9D - #ECD1E3 | 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 #BF5E9D to #ECD1E3

#BF5E9D #ECD1E3

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

#BF5E9D - #ECD1E3 | 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 #BF5E9D as 0% and #ECD1E3 as 100%.

0.0%	0.0% #BF5E9D	RGB 191 94 157	#BF5E9D
16.7%	16.7% #C671A8	RGB 198 113 168	#C671A8
33.3%	33.3% #CE84B4	RGB 206 132 180	#CE84B4
50.0%	50.0% #D597C0	RGB 213 151 192	#D597C0
66.7%	66.7% #DDAACB	RGB 221 170 203	#DDAACB
83.3%	83.3% #E4BDD7	RGB 228 189 215	#E4BDD7
100.0%	100.0% #ECD1E3	RGB 236 209 227	#ECD1E3

#BF5E9D #C671A8 #CE84B4 #D597C0 #DDAACB #E4BDD7 #ECD1E3

#BF5E9D - #ECD1E3

HSV Blend

#BF5E9D - #ECD1E3 | 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 #BF5E9D as 0% and #ECD1E3 as 100%.

0.0%	0.0% #BF5E9C	RGB 191 94 156	#BF5E9C
16.7%	16.7% #C66EA7	RGB 198 110 167	#C66EA7
33.3%	33.3% #CE80B3	RGB 206 128 179	#CE80B3
50.0%	50.0% #D593BE	RGB 213 147 190	#D593BE
66.7%	66.7% #DDA6CA	RGB 221 166 202	#DDA6CA
83.3%	83.3% #E4BBD6	RGB 228 187 214	#E4BBD6
100.0%	100.0% #ECD1E3	RGB 236 209 227	#ECD1E3

#BF5E9C #C66EA7 #CE80B3 #D593BE #DDA6CA #E4BBD6 #ECD1E3

#BF5E9D - #D593BE - #ECD1E3

CSS codes

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

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