#BAC4C6 - #D5E3FF | 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 #BAC4C6 to #D5E3FF

#BAC4C6 #D5E3FF

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

#BAC4C6 - #D5E3FF | 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 #BAC4C6 as 0% and #D5E3FF as 100%.

0.0%	0.0% #BAC4C6	RGB 186 196 198	#BAC4C6
16.7%	16.7% #BEC9CF	RGB 190 201 207	#BEC9CF
33.3%	33.3% #C3CED9	RGB 195 206 217	#C3CED9
50.0%	50.0% #C7D3E2	RGB 199 211 226	#C7D3E2
66.7%	66.7% #CCD8EC	RGB 204 216 236	#CCD8EC
83.3%	83.3% #D0DDF5	RGB 208 221 245	#D0DDF5
100.0%	100.0% #D5E3FF	RGB 213 227 255	#D5E3FF

#BAC4C6 #BEC9CF #C3CED9 #C7D3E2 #CCD8EC #D0DDF5 #D5E3FF

#BAC4C6 - #D5E3FF

HSV Blend

#BAC4C6 - #D5E3FF | 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 #BAC4C6 as 0% and #D5E3FF as 100%.

0.0%	0.0% #BAC4C6	RGB 186 196 198	#BAC4C6
16.7%	16.7% #BFCBCF	RGB 191 203 207	#BFCBCF
33.3%	33.3% #C4D2D9	RGB 196 210 217	#C4D2D9
50.0%	50.0% #C8D7E2	RGB 200 215 226	#C8D7E2
66.7%	66.7% #CDDCEC	RGB 205 220 236	#CDDCEC
83.3%	83.3% #D1E0F5	RGB 209 224 245	#D1E0F5
100.0%	100.0% #D5E3FF	RGB 213 227 255	#D5E3FF

#BAC4C6 #BFCBCF #C4D2D9 #C8D7E2 #CDDCEC #D1E0F5 #D5E3FF

#BAC4C6 - #C8D7E2 - #D5E3FF

CSS codes

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

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