#BAC6CF - #E6E2D8 | 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 #BAC6CF to #E6E2D8

#BAC6CF #E6E2D8

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

#BAC6CF - #E6E2D8 | 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 #BAC6CF as 0% and #E6E2D8 as 100%.

0.0%	0.0% #BAC6CF	RGB 186 198 207	#BAC6CF
16.7%	16.7% #C1CAD0	RGB 193 202 208	#C1CAD0
33.3%	33.3% #C8CFD2	RGB 200 207 210	#C8CFD2
50.0%	50.0% #D0D4D3	RGB 208 212 211	#D0D4D3
66.7%	66.7% #D7D8D5	RGB 215 216 213	#D7D8D5
83.3%	83.3% #DEDDD6	RGB 222 221 214	#DEDDD6
100.0%	100.0% #E6E2D8	RGB 230 226 216	#E6E2D8

#BAC6CF #C1CAD0 #C8CFD2 #D0D4D3 #D7D8D5 #DEDDD6 #E6E2D8

#BAC6CF - #E6E2D8

HSV Blend

#BAC6CF - #E6E2D8 | 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 #BAC6CF as 0% and #E6E2D8 as 100%.

0.0%	0.0% #BAC6CF	RGB 186 198 207	#BAC6CF
16.7%	16.7% #BED2D2	RGB 190 210 210	#BED2D2
33.3%	33.3% #C3D6CD	RGB 195 214 205	#C3D6CD
50.0%	50.0% #C8DACA	RGB 200 218 202	#C8DACA
66.7%	66.7% #D4DECD	RGB 212 222 205	#D4DECD
83.3%	83.3% #DFE2D2	RGB 223 226 210	#DFE2D2
100.0%	100.0% #E6E2D8	RGB 230 226 216	#E6E2D8

#BAC6CF #BED2D2 #C3D6CD #C8DACA #D4DECD #DFE2D2 #E6E2D8

#BAC6CF - #C8DACA - #E6E2D8

CSS codes

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

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