#B9C4CE - #CFDFFF | 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 #B9C4CE to #CFDFFF

#B9C4CE #CFDFFF

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

#B9C4CE - #CFDFFF | 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 #B9C4CE as 0% and #CFDFFF as 100%.

0.0%	0.0% #B9C4CE	RGB 185 196 206	#B9C4CE
16.7%	16.7% #BCC8D6	RGB 188 200 214	#BCC8D6
33.3%	33.3% #C0CDDE	RGB 192 205 222	#C0CDDE
50.0%	50.0% #C4D1E6	RGB 196 209 230	#C4D1E6
66.7%	66.7% #C7D6EE	RGB 199 214 238	#C7D6EE
83.3%	83.3% #CBDAF6	RGB 203 218 246	#CBDAF6
100.0%	100.0% #CFDFFF	RGB 207 223 255	#CFDFFF

#B9C4CE #BCC8D6 #C0CDDE #C4D1E6 #C7D6EE #CBDAF6 #CFDFFF

#B9C4CE - #CFDFFF

HSV Blend

#B9C4CE - #CFDFFF | 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 #B9C4CE as 0% and #CFDFFF as 100%.

0.0%	0.0% #B9C4CE	RGB 185 196 206	#B9C4CE
16.7%	16.7% #BDC9D6	RGB 189 201 214	#BDC9D6
33.3%	33.3% #C1CEDE	RGB 193 206 222	#C1CEDE
50.0%	50.0% #C5D3E6	RGB 197 211 230	#C5D3E6
66.7%	66.7% #C8D7EE	RGB 200 215 238	#C8D7EE
83.3%	83.3% #CBDBF6	RGB 203 219 246	#CBDBF6
100.0%	100.0% #CFDFFF	RGB 207 223 255	#CFDFFF

#B9C4CE #BDC9D6 #C1CEDE #C5D3E6 #C8D7EE #CBDBF6 #CFDFFF

#B9C4CE - #C5D3E6 - #CFDFFF

CSS codes

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

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