#BCB9FF - #FFEBF0 | 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 #BCB9FF to #FFEBF0

#BCB9FF #FFEBF0

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

#BCB9FF - #FFEBF0 | 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 #BCB9FF as 0% and #FFEBF0 as 100%.

0.0%	0.0% #BCB9FF	RGB 188 185 255	#BCB9FF
16.7%	16.7% #C7C1FC	RGB 199 193 252	#C7C1FC
33.3%	33.3% #D2C9FA	RGB 210 201 250	#D2C9FA
50.0%	50.0% #DDD2F7	RGB 221 210 247	#DDD2F7
66.7%	66.7% #E8DAF5	RGB 232 218 245	#E8DAF5
83.3%	83.3% #F3E2F2	RGB 243 226 242	#F3E2F2
100.0%	100.0% #FFEBF0	RGB 255 235 240	#FFEBF0

#BCB9FF #C7C1FC #D2C9FA #DDD2F7 #E8DAF5 #F3E2F2 #FFEBF0

#BCB9FF - #FFEBF0

HSV Blend

#BCB9FF - #FFEBF0 | 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 #BCB9FF as 0% and #FFEBF0 as 100%.

0.0%	0.0% #BCB9FF	RGB 188 185 255	#BCB9FF
16.7%	16.7% #D5C1FF	RGB 213 193 255	#D5C1FF
33.3%	33.3% #EAC9FF	RGB 234 201 255	#EAC9FF
50.0%	50.0% #FAD2FF	RGB 250 210 255	#FAD2FF
66.7%	66.7% #FFDAF8	RGB 255 218 248	#FFDAF8
83.3%	83.3% #FFE2F1	RGB 255 226 241	#FFE2F1
100.0%	100.0% #FFEBF0	RGB 255 235 240	#FFEBF0

#BCB9FF #D5C1FF #EAC9FF #FAD2FF #FFDAF8 #FFE2F1 #FFEBF0

#BCB9FF - #FAD2FF - #FFEBF0

CSS codes

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

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