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

#B8C0C0 #D3E6FF

Calculate the color between two colors, #B8C0C0 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)

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

0.0%	0.0% #B8C0C0	RGB 184 192 192	#B8C0C0
16.7%	16.7% #BCC6CA	RGB 188 198 202	#BCC6CA
33.3%	33.3% #C1CCD5	RGB 193 204 213	#C1CCD5
50.0%	50.0% #C5D3DF	RGB 197 211 223	#C5D3DF
66.7%	66.7% #CAD9EA	RGB 202 217 234	#CAD9EA
83.3%	83.3% #CEDFF4	RGB 206 223 244	#CEDFF4
100.0%	100.0% #D3E6FF	RGB 211 230 255	#D3E6FF

#B8C0C0 #BCC6CA #C1CCD5 #C5D3DF #CAD9EA #CEDFF4 #D3E6FF

#B8C0C0 - #D3E6FF

HSV Blend

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

0.0%	0.0% #B8C0C0	RGB 184 192 192	#B8C0C0
16.7%	16.7% #BDC9CA	RGB 189 201 202	#BDC9CA
33.3%	33.3% #C2D1D5	RGB 194 209 213	#C2D1D5
50.0%	50.0% #C7D8DF	RGB 199 216 223	#C7D8DF
66.7%	66.7% #CBDEEA	RGB 203 222 234	#CBDEEA
83.3%	83.3% #CFE3F4	RGB 207 227 244	#CFE3F4
100.0%	100.0% #D3E6FF	RGB 211 230 255	#D3E6FF

#B8C0C0 #BDC9CA #C2D1D5 #C7D8DF #CBDEEA #CFE3F4 #D3E6FF

#B8C0C0 - #C7D8DF - #D3E6FF

CSS codes

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

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