#BCBAFF - #FFECF0 | 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 #BCBAFF to #FFECF0

#BCBAFF #FFECF0

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

#BCBAFF - #FFECF0 | 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 #BCBAFF as 0% and #FFECF0 as 100%.

0.0%	0.0% #BCBAFF	RGB 188 186 255	#BCBAFF
16.7%	16.7% #C7C2FC	RGB 199 194 252	#C7C2FC
33.3%	33.3% #D2CAFA	RGB 210 202 250	#D2CAFA
50.0%	50.0% #DDD3F7	RGB 221 211 247	#DDD3F7
66.7%	66.7% #E8DBF5	RGB 232 219 245	#E8DBF5
83.3%	83.3% #F3E3F2	RGB 243 227 242	#F3E3F2
100.0%	100.0% #FFECF0	RGB 255 236 240	#FFECF0

#BCBAFF #C7C2FC #D2CAFA #DDD3F7 #E8DBF5 #F3E3F2 #FFECF0

#BCBAFF - #FFECF0

HSV Blend

#BCBAFF - #FFECF0 | 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 #BCBAFF as 0% and #FFECF0 as 100%.

0.0%	0.0% #BCBAFF	RGB 188 186 255	#BCBAFF
16.7%	16.7% #D5C2FF	RGB 213 194 255	#D5C2FF
33.3%	33.3% #EACAFF	RGB 234 202 255	#EACAFF
50.0%	50.0% #FBD3FF	RGB 251 211 255	#FBD3FF
66.7%	66.7% #FFDBF7	RGB 255 219 247	#FFDBF7
83.3%	83.3% #FFE3F1	RGB 255 227 241	#FFE3F1
100.0%	100.0% #FFECF0	RGB 255 236 240	#FFECF0

#BCBAFF #D5C2FF #EACAFF #FBD3FF #FFDBF7 #FFE3F1 #FFECF0

#BCBAFF - #FBD3FF - #FFECF0

CSS codes

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

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