#B9BCBC - #D3E6FF | 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 #B9BCBC to #D3E6FF

#B9BCBC #D3E6FF

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

#B9BCBC - #D3E6FF | 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 #B9BCBC as 0% and #D3E6FF as 100%.

0.0%	0.0% #B9BCBC	RGB 185 188 188	#B9BCBC
16.7%	16.7% #BDC3C7	RGB 189 195 199	#BDC3C7
33.3%	33.3% #C1CAD2	RGB 193 202 210	#C1CAD2
50.0%	50.0% #C6D1DD	RGB 198 209 221	#C6D1DD
66.7%	66.7% #CAD8E8	RGB 202 216 232	#CAD8E8
83.3%	83.3% #CEDFF3	RGB 206 223 243	#CEDFF3
100.0%	100.0% #D3E6FF	RGB 211 230 255	#D3E6FF

#B9BCBC #BDC3C7 #C1CAD2 #C6D1DD #CAD8E8 #CEDFF3 #D3E6FF

#B9BCBC - #D3E6FF

HSV Blend

#B9BCBC - #D3E6FF | 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 #B9BCBC as 0% and #D3E6FF as 100%.

0.0%	0.0% #B9BCBC	RGB 185 188 188	#B9BCBC
16.7%	16.7% #BEC6C7	RGB 190 198 199	#BEC6C7
33.3%	33.3% #C3CFD2	RGB 195 207 210	#C3CFD2
50.0%	50.0% #C8D7DD	RGB 200 215 221	#C8D7DD
66.7%	66.7% #CCDEE8	RGB 204 222 232	#CCDEE8
83.3%	83.3% #D0E2F3	RGB 208 226 243	#D0E2F3
100.0%	100.0% #D3E6FF	RGB 211 230 255	#D3E6FF

#B9BCBC #BEC6C7 #C3CFD2 #C8D7DD #CCDEE8 #D0E2F3 #D3E6FF

#B9BCBC - #C8D7DD - #D3E6FF

CSS codes

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

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