#BF5EAD - #ECD1E7 | 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 #BF5EAD to #ECD1E7

#BF5EAD #ECD1E7

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

#BF5EAD - #ECD1E7 | 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 #BF5EAD as 0% and #ECD1E7 as 100%.

0.0%	0.0% #BF5EAD	RGB 191 94 173	#BF5EAD
16.7%	16.7% #C671B6	RGB 198 113 182	#C671B6
33.3%	33.3% #CE84C0	RGB 206 132 192	#CE84C0
50.0%	50.0% #D597CA	RGB 213 151 202	#D597CA
66.7%	66.7% #DDAAD3	RGB 221 170 211	#DDAAD3
83.3%	83.3% #E4BDDD	RGB 228 189 221	#E4BDDD
100.0%	100.0% #ECD1E7	RGB 236 209 231	#ECD1E7

#BF5EAD #C671B6 #CE84C0 #D597CA #DDAAD3 #E4BDDD #ECD1E7

#BF5EAD - #ECD1E7

HSV Blend

#BF5EAD - #ECD1E7 | 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 #BF5EAD as 0% and #ECD1E7 as 100%.

0.0%	0.0% #BF5EAD	RGB 191 94 173	#BF5EAD
16.7%	16.7% #C66EB6	RGB 198 110 182	#C66EB6
33.3%	33.3% #CE80BF	RGB 206 128 191	#CE80BF
50.0%	50.0% #D593C9	RGB 213 147 201	#D593C9
66.7%	66.7% #DDA6D2	RGB 221 166 210	#DDA6D2
83.3%	83.3% #E4BBDC	RGB 228 187 220	#E4BBDC
100.0%	100.0% #ECD1E7	RGB 236 209 231	#ECD1E7

#BF5EAD #C66EB6 #CE80BF #D593C9 #DDA6D2 #E4BBDC #ECD1E7

#BF5EAD - #D593C9 - #ECD1E7

CSS codes

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

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