#BAC7CF - #DFD4FF | 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 #BAC7CF to #DFD4FF

#BAC7CF #DFD4FF

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

#BAC7CF - #DFD4FF | 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 #BAC7CF as 0% and #DFD4FF as 100%.

0.0%	0.0% #BAC7CF	RGB 186 199 207	#BAC7CF
16.7%	16.7% #C0C9D7	RGB 192 201 215	#C0C9D7
33.3%	33.3% #C6CBDF	RGB 198 203 223	#C6CBDF
50.0%	50.0% #CCCDE7	RGB 204 205 231	#CCCDE7
66.7%	66.7% #D2CFEF	RGB 210 207 239	#D2CFEF
83.3%	83.3% #D8D1F7	RGB 216 209 247	#D8D1F7
100.0%	100.0% #DFD4FF	RGB 223 212 255	#DFD4FF

#BAC7CF #C0C9D7 #C6CBDF #CCCDE7 #D2CFEF #D8D1F7 #DFD4FF

#BAC7CF - #DFD4FF

HSV Blend

#BAC7CF - #DFD4FF | 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 #BAC7CF as 0% and #DFD4FF as 100%.

0.0%	0.0% #BAC7CF	RGB 186 199 207	#BAC7CF
16.7%	16.7% #BECAD7	RGB 190 202 215	#BECAD7
33.3%	33.3% #C3CCDF	RGB 195 204 223	#C3CCDF
50.0%	50.0% #C7CDE7	RGB 199 205 231	#C7CDE7
66.7%	66.7% #CCCDEF	RGB 204 205 239	#CCCDEF
83.3%	83.3% #D4D0F7	RGB 212 208 247	#D4D0F7
100.0%	100.0% #DFD4FF	RGB 223 212 255	#DFD4FF

#BAC7CF #BECAD7 #C3CCDF #C7CDE7 #CCCDEF #D4D0F7 #DFD4FF

#BAC7CF - #C7CDE7 - #DFD4FF

CSS codes

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

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