#BAC9DA - #E3E2DD | 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 #BAC9DA to #E3E2DD

#BAC9DA #E3E2DD

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

#BAC9DA - #E3E2DD | 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 #BAC9DA as 0% and #E3E2DD as 100%.

0.0%	0.0% #BAC9DA	RGB 186 201 218	#BAC9DA
16.7%	16.7% #C0CDDA	RGB 192 205 218	#C0CDDA
33.3%	33.3% #C7D1DB	RGB 199 209 219	#C7D1DB
50.0%	50.0% #CED5DB	RGB 206 213 219	#CED5DB
66.7%	66.7% #D5D9DC	RGB 213 217 220	#D5D9DC
83.3%	83.3% #DCDDDC	RGB 220 221 220	#DCDDDC
100.0%	100.0% #E3E2DD	RGB 227 226 221	#E3E2DD

#BAC9DA #C0CDDA #C7D1DB #CED5DB #D5D9DC #DCDDDC #E3E2DD

#BAC9DA - #E3E2DD

HSV Blend

#BAC9DA - #E3E2DD | 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 #BAC9DA as 0% and #E3E2DD as 100%.

0.0%	0.0% #BAC9DA	RGB 186 201 218	#BAC9DA
16.7%	16.7% #BFD9DB	RGB 191 217 219	#BFD9DB
33.3%	33.3% #C5DDD4	RGB 197 221 212	#C5DDD4
50.0%	50.0% #CBDECE	RGB 203 222 206	#CBDECE
66.7%	66.7% #D5E0D1	RGB 213 224 209	#D5E0D1
83.3%	83.3% #DEE1D7	RGB 222 225 215	#DEE1D7
100.0%	100.0% #E3E2DD	RGB 227 226 221	#E3E2DD

#BAC9DA #BFD9DB #C5DDD4 #CBDECE #D5E0D1 #DEE1D7 #E3E2DD

#BAC9DA - #CBDECE - #E3E2DD

CSS codes

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

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