#BFA5FF - #ECE5FF | 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 #BFA5FF to #ECE5FF

#BFA5FF #ECE5FF

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

#BFA5FF - #ECE5FF | 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 #BFA5FF as 0% and #ECE5FF as 100%.

0.0%	0.0% #BFA5FF	RGB 191 165 255	#BFA5FF
16.7%	16.7% #C6AFFF	RGB 198 175 255	#C6AFFF
33.3%	33.3% #CEBAFF	RGB 206 186 255	#CEBAFF
50.0%	50.0% #D5C5FF	RGB 213 197 255	#D5C5FF
66.7%	66.7% #DDCFFF	RGB 221 207 255	#DDCFFF
83.3%	83.3% #E4DAFF	RGB 228 218 255	#E4DAFF
100.0%	100.0% #ECE5FF	RGB 236 229 255	#ECE5FF

#BFA5FF #C6AFFF #CEBAFF #D5C5FF #DDCFFF #E4DAFF #ECE5FF

#BFA5FF - #ECE5FF

HSV Blend

#BFA5FF - #ECE5FF | 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 #BFA5FF as 0% and #ECE5FF as 100%.

0.0%	0.0% #BFA5FF	RGB 191 165 255	#BFA5FF
16.7%	16.7% #C6AFFF	RGB 198 175 255	#C6AFFF
33.3%	33.3% #CDBAFF	RGB 205 186 255	#CDBAFF
50.0%	50.0% #D5C5FF	RGB 213 197 255	#D5C5FF
66.7%	66.7% #DCCFFF	RGB 220 207 255	#DCCFFF
83.3%	83.3% #E4DAFF	RGB 228 218 255	#E4DAFF
100.0%	100.0% #ECE5FF	RGB 236 229 255	#ECE5FF

#BFA5FF #C6AFFF #CDBAFF #D5C5FF #DCCFFF #E4DAFF #ECE5FF

#BFA5FF - #D5C5FF - #ECE5FF

CSS codes

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

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