#BFA0ED - #ECE3F9 | 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 #BFA0ED to #ECE3F9

#BFA0ED #ECE3F9

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

#BFA0ED - #ECE3F9 | 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 #BFA0ED as 0% and #ECE3F9 as 100%.

0.0%	0.0% #BFA0ED	RGB 191 160 237	#BFA0ED
16.7%	16.7% #C6ABEF	RGB 198 171 239	#C6ABEF
33.3%	33.3% #CEB6F1	RGB 206 182 241	#CEB6F1
50.0%	50.0% #D5C1F3	RGB 213 193 243	#D5C1F3
66.7%	66.7% #DDCCF5	RGB 221 204 245	#DDCCF5
83.3%	83.3% #E4D7F7	RGB 228 215 247	#E4D7F7
100.0%	100.0% #ECE3F9	RGB 236 227 249	#ECE3F9

#BFA0ED #C6ABEF #CEB6F1 #D5C1F3 #DDCCF5 #E4D7F7 #ECE3F9

#BFA0ED - #ECE3F9

HSV Blend

#BFA0ED - #ECE3F9 | 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 #BFA0ED as 0% and #ECE3F9 as 100%.

0.0%	0.0% #BEA0ED	RGB 190 160 237	#BEA0ED
16.7%	16.7% #C6AAEF	RGB 198 170 239	#C6AAEF
33.3%	33.3% #CDB5F1	RGB 205 181 241	#CDB5F1
50.0%	50.0% #D5C0F3	RGB 213 192 243	#D5C0F3
66.7%	66.7% #DCCCF5	RGB 220 204 245	#DCCCF5
83.3%	83.3% #E4D7F7	RGB 228 215 247	#E4D7F7
100.0%	100.0% #ECE3F9	RGB 236 227 249	#ECE3F9

#BEA0ED #C6AAEF #CDB5F1 #D5C0F3 #DCCCF5 #E4D7F7 #ECE3F9

#BFA0ED - #D5C0F3 - #ECE3F9

CSS codes

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

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