#BF7FC9 - #ECDAEF | 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 #BF7FC9 to #ECDAEF

#BF7FC9 #ECDAEF

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

#BF7FC9 - #ECDAEF | 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 #BF7FC9 as 0% and #ECDAEF as 100%.

0.0%	0.0% #BF7FC9	RGB 191 127 201	#BF7FC9
16.7%	16.7% #C68ECF	RGB 198 142 207	#C68ECF
33.3%	33.3% #CE9DD5	RGB 206 157 213	#CE9DD5
50.0%	50.0% #D5ACDC	RGB 213 172 220	#D5ACDC
66.7%	66.7% #DDBBE2	RGB 221 187 226	#DDBBE2
83.3%	83.3% #E4CAE8	RGB 228 202 232	#E4CAE8
100.0%	100.0% #ECDAEF	RGB 236 218 239	#ECDAEF

#BF7FC9 #C68ECF #CE9DD5 #D5ACDC #DDBBE2 #E4CAE8 #ECDAEF

#BF7FC9 - #ECDAEF

HSV Blend

#BF7FC9 - #ECDAEF | 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 #BF7FC9 as 0% and #ECDAEF as 100%.

0.0%	0.0% #BF7FC9	RGB 191 127 201	#BF7FC9
16.7%	16.7% #C68CCF	RGB 198 140 207	#C68CCF
33.3%	33.3% #CD9AD5	RGB 205 154 213	#CD9AD5
50.0%	50.0% #D5A9DC	RGB 213 169 220	#D5A9DC
66.7%	66.7% #DCB9E2	RGB 220 185 226	#DCB9E2
83.3%	83.3% #E4C9E8	RGB 228 201 232	#E4C9E8
100.0%	100.0% #ECDAEF	RGB 236 218 239	#ECDAEF

#BF7FC9 #C68CCF #CD9AD5 #D5A9DC #DCB9E2 #E4C9E8 #ECDAEF

#BF7FC9 - #D5A9DC - #ECDAEF

CSS codes

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

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