#B0BDBC - #C0DCFF | 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 #B0BDBC to #C0DCFF

#B0BDBC #C0DCFF

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

#B0BDBC - #C0DCFF | 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 #B0BDBC as 0% and #C0DCFF as 100%.

0.0%	0.0% #B0BDBC	RGB 176 189 188	#B0BDBC
16.7%	16.7% #B2C2C7	RGB 178 194 199	#B2C2C7
33.3%	33.3% #B5C7D2	RGB 181 199 210	#B5C7D2
50.0%	50.0% #B8CCDD	RGB 184 204 221	#B8CCDD
66.7%	66.7% #BAD1E8	RGB 186 209 232	#BAD1E8
83.3%	83.3% #BDD6F3	RGB 189 214 243	#BDD6F3
100.0%	100.0% #C0DCFF	RGB 192 220 255	#C0DCFF

#B0BDBC #B2C2C7 #B5C7D2 #B8CCDD #BAD1E8 #BDD6F3 #C0DCFF

#B0BDBC - #C0DCFF

HSV Blend

#B0BDBC - #C0DCFF | 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 #B0BDBC as 0% and #C0DCFF as 100%.

0.0%	0.0% #B0BDBC	RGB 176 189 188	#B0BDBC
16.7%	16.7% #B4C7C8	RGB 180 199 200	#B4C7C8
33.3%	33.3% #B7CFD3	RGB 183 207 211	#B7CFD3
50.0%	50.0% #BAD5DE	RGB 186 213 222	#BAD5DE
66.7%	66.7% #BDD9E9	RGB 189 217 233	#BDD9E9
83.3%	83.3% #BEDCF4	RGB 190 220 244	#BEDCF4
100.0%	100.0% #C0DCFF	RGB 192 220 255	#C0DCFF

#B0BDBC #B4C7C8 #B7CFD3 #BAD5DE #BDD9E9 #BEDCF4 #C0DCFF

#B0BDBC - #BAD5DE - #C0DCFF

CSS codes

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

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