#BFA9F0 - #ECE6FA | 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 #BFA9F0 to #ECE6FA

#BFA9F0 #ECE6FA

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

#BFA9F0 - #ECE6FA | 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 #BFA9F0 as 0% and #ECE6FA as 100%.

0.0%	0.0% #BFA9F0	RGB 191 169 240	#BFA9F0
16.7%	16.7% #C6B3F1	RGB 198 179 241	#C6B3F1
33.3%	33.3% #CEBDF3	RGB 206 189 243	#CEBDF3
50.0%	50.0% #D5C7F5	RGB 213 199 245	#D5C7F5
66.7%	66.7% #DDD1F6	RGB 221 209 246	#DDD1F6
83.3%	83.3% #E4DBF8	RGB 228 219 248	#E4DBF8
100.0%	100.0% #ECE6FA	RGB 236 230 250	#ECE6FA

#BFA9F0 #C6B3F1 #CEBDF3 #D5C7F5 #DDD1F6 #E4DBF8 #ECE6FA

#BFA9F0 - #ECE6FA

HSV Blend

#BFA9F0 - #ECE6FA | 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 #BFA9F0 as 0% and #ECE6FA as 100%.

0.0%	0.0% #BEA9F0	RGB 190 169 240	#BEA9F0
16.7%	16.7% #C6B2F1	RGB 198 178 241	#C6B2F1
33.3%	33.3% #CDBCF3	RGB 205 188 243	#CDBCF3
50.0%	50.0% #D4C6F5	RGB 212 198 245	#D4C6F5
66.7%	66.7% #DCD1F6	RGB 220 209 246	#DCD1F6
83.3%	83.3% #E4DBF8	RGB 228 219 248	#E4DBF8
100.0%	100.0% #ECE6FA	RGB 236 230 250	#ECE6FA

#BEA9F0 #C6B2F1 #CDBCF3 #D4C6F5 #DCD1F6 #E4DBF8 #ECE6FA

#BFA9F0 - #D4C6F5 - #ECE6FA

CSS codes

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

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