#BF94FF - #ECE0FF | 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 #BF94FF to #ECE0FF

#BF94FF #ECE0FF

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

#BF94FF - #ECE0FF | 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 #BF94FF as 0% and #ECE0FF as 100%.

0.0%	0.0% #BF94FF	RGB 191 148 255	#BF94FF
16.7%	16.7% #C6A0FF	RGB 198 160 255	#C6A0FF
33.3%	33.3% #CEADFF	RGB 206 173 255	#CEADFF
50.0%	50.0% #D5BAFF	RGB 213 186 255	#D5BAFF
66.7%	66.7% #DDC6FF	RGB 221 198 255	#DDC6FF
83.3%	83.3% #E4D3FF	RGB 228 211 255	#E4D3FF
100.0%	100.0% #ECE0FF	RGB 236 224 255	#ECE0FF

#BF94FF #C6A0FF #CEADFF #D5BAFF #DDC6FF #E4D3FF #ECE0FF

#BF94FF - #ECE0FF

HSV Blend

#BF94FF - #ECE0FF | 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 #BF94FF as 0% and #ECE0FF as 100%.

0.0%	0.0% #BE94FF	RGB 190 148 255	#BE94FF
16.7%	16.7% #C6A0FF	RGB 198 160 255	#C6A0FF
33.3%	33.3% #CDADFF	RGB 205 173 255	#CDADFF
50.0%	50.0% #D5BAFF	RGB 213 186 255	#D5BAFF
66.7%	66.7% #DCC6FF	RGB 220 198 255	#DCC6FF
83.3%	83.3% #E4D3FF	RGB 228 211 255	#E4D3FF
100.0%	100.0% #ECE0FF	RGB 236 224 255	#ECE0FF

#BE94FF #C6A0FF #CDADFF #D5BAFF #DCC6FF #E4D3FF #ECE0FF

#BF94FF - #D5BAFF - #ECE0FF

CSS codes

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

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