#B0B8C0 - #C0EEFF | 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 #B0B8C0 to #C0EEFF

#B0B8C0 #C0EEFF

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

#B0B8C0 - #C0EEFF | 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 #B0B8C0 as 0% and #C0EEFF as 100%.

0.0%	0.0% #B0B8C0	RGB 176 184 192	#B0B8C0
16.7%	16.7% #B2C1CA	RGB 178 193 202	#B2C1CA
33.3%	33.3% #B5CAD5	RGB 181 202 213	#B5CAD5
50.0%	50.0% #B8D3DF	RGB 184 211 223	#B8D3DF
66.7%	66.7% #BADCEA	RGB 186 220 234	#BADCEA
83.3%	83.3% #BDE5F4	RGB 189 229 244	#BDE5F4
100.0%	100.0% #C0EEFF	RGB 192 238 255	#C0EEFF

#B0B8C0 #B2C1CA #B5CAD5 #B8D3DF #BADCEA #BDE5F4 #C0EEFF

#B0B8C0 - #C0EEFF

HSV Blend

#B0B8C0 - #C0EEFF | 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 #B0B8C0 as 0% and #C0EEFF as 100%.

0.0%	0.0% #B0B8C0	RGB 176 184 192	#B0B8C0
16.7%	16.7% #B4C0CA	RGB 180 192 202	#B4C0CA
33.3%	33.3% #B7C8D5	RGB 183 200 213	#B7C8D5
50.0%	50.0% #BAD1DF	RGB 186 209 223	#BAD1DF
66.7%	66.7% #BCDAEA	RGB 188 218 234	#BCDAEA
83.3%	83.3% #BEE3F4	RGB 190 227 244	#BEE3F4
100.0%	100.0% #C0EEFF	RGB 192 238 255	#C0EEFF

#B0B8C0 #B4C0CA #B7C8D5 #BAD1DF #BCDAEA #BEE3F4 #C0EEFF

#B0B8C0 - #BAD1DF - #C0EEFF

CSS codes

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

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