#BF9AE5 - #ECE2F7 | 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 #BF9AE5 to #ECE2F7

#BF9AE5 #ECE2F7

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

#BF9AE5 - #ECE2F7 | 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 #BF9AE5 as 0% and #ECE2F7 as 100%.

0.0%	0.0% #BF9AE5	RGB 191 154 229	#BF9AE5
16.7%	16.7% #C6A6E8	RGB 198 166 232	#C6A6E8
33.3%	33.3% #CEB2EB	RGB 206 178 235	#CEB2EB
50.0%	50.0% #D5BEEE	RGB 213 190 238	#D5BEEE
66.7%	66.7% #DDCAF1	RGB 221 202 241	#DDCAF1
83.3%	83.3% #E4D6F4	RGB 228 214 244	#E4D6F4
100.0%	100.0% #ECE2F7	RGB 236 226 247	#ECE2F7

#BF9AE5 #C6A6E8 #CEB2EB #D5BEEE #DDCAF1 #E4D6F4 #ECE2F7

#BF9AE5 - #ECE2F7

HSV Blend

#BF9AE5 - #ECE2F7 | 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 #BF9AE5 as 0% and #ECE2F7 as 100%.

0.0%	0.0% #BE9AE5	RGB 190 154 229	#BE9AE5
16.7%	16.7% #C6A5E8	RGB 198 165 232	#C6A5E8
33.3%	33.3% #CDB1EB	RGB 205 177 235	#CDB1EB
50.0%	50.0% #D4BCEE	RGB 212 188 238	#D4BCEE
66.7%	66.7% #DCC9F1	RGB 220 201 241	#DCC9F1
83.3%	83.3% #E4D5F4	RGB 228 213 244	#E4D5F4
100.0%	100.0% #ECE2F7	RGB 236 226 247	#ECE2F7

#BE9AE5 #C6A5E8 #CDB1EB #D4BCEE #DCC9F1 #E4D5F4 #ECE2F7

#BF9AE5 - #D4BCEE - #ECE2F7

CSS codes

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

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