#BAC9FF - #E2E2F0 | 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 #BAC9FF to #E2E2F0

#BAC9FF #E2E2F0

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

#BAC9FF - #E2E2F0 | 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 #BAC9FF as 0% and #E2E2F0 as 100%.

0.0%	0.0% #BAC9FF	RGB 186 201 255	#BAC9FF
16.7%	16.7% #C0CDFC	RGB 192 205 252	#C0CDFC
33.3%	33.3% #C7D1FA	RGB 199 209 250	#C7D1FA
50.0%	50.0% #CED5F7	RGB 206 213 247	#CED5F7
66.7%	66.7% #D4D9F5	RGB 212 217 245	#D4D9F5
83.3%	83.3% #DBDDF2	RGB 219 221 242	#DBDDF2
100.0%	100.0% #E2E2F0	RGB 226 226 240	#E2E2F0

#BAC9FF #C0CDFC #C7D1FA #CED5F7 #D4D9F5 #DBDDF2 #E2E2F0

#BAC9FF - #E2E2F0

HSV Blend

#BAC9FF - #E2E2F0 | 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 #BAC9FF as 0% and #E2E2F0 as 100%.

0.0%	0.0% #BAC9FF	RGB 186 201 255	#BAC9FF
16.7%	16.7% #C1CBFC	RGB 193 203 252	#C1CBFC
33.3%	33.3% #C8CFFA	RGB 200 207 250	#C8CFFA
50.0%	50.0% #CED3F7	RGB 206 211 247	#CED3F7
66.7%	66.7% #D5D7F5	RGB 213 215 245	#D5D7F5
83.3%	83.3% #DBDCF2	RGB 219 220 242	#DBDCF2
100.0%	100.0% #E2E2F0	RGB 226 226 240	#E2E2F0

#BAC9FF #C1CBFC #C8CFFA #CED3F7 #D5D7F5 #DBDCF2 #E2E2F0

#BAC9FF - #CED3F7 - #E2E2F0

CSS codes

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

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