#BBC5FF - #CFE2F2 | 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 #BBC5FF to #CFE2F2

#BBC5FF #CFE2F2

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

#BBC5FF - #CFE2F2 | 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 #BBC5FF as 0% and #CFE2F2 as 100%.

0.0%	0.0% #BBC5FF	RGB 187 197 255	#BBC5FF
16.7%	16.7% #BEC9FC	RGB 190 201 252	#BEC9FC
33.3%	33.3% #C1CEFA	RGB 193 206 250	#C1CEFA
50.0%	50.0% #C5D3F8	RGB 197 211 248	#C5D3F8
66.7%	66.7% #C8D8F6	RGB 200 216 246	#C8D8F6
83.3%	83.3% #CBDDF4	RGB 203 221 244	#CBDDF4
100.0%	100.0% #CFE2F2	RGB 207 226 242	#CFE2F2

#BBC5FF #BEC9FC #C1CEFA #C5D3F8 #C8D8F6 #CBDDF4 #CFE2F2

#BBC5FF - #CFE2F2

HSV Blend

#BBC5FF - #CFE2F2 | 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 #BBC5FF as 0% and #CFE2F2 as 100%.

0.0%	0.0% #BBC5FF	RGB 187 197 255	#BBC5FF
16.7%	16.7% #BECBFC	RGB 190 203 252	#BECBFC
33.3%	33.3% #C2D1FA	RGB 194 209 250	#C2D1FA
50.0%	50.0% #C5D7F8	RGB 197 215 248	#C5D7F8
66.7%	66.7% #C8DBF6	RGB 200 219 246	#C8DBF6
83.3%	83.3% #CBDFF4	RGB 203 223 244	#CBDFF4
100.0%	100.0% #CFE2F2	RGB 207 226 242	#CFE2F2

#BBC5FF #BECBFC #C2D1FA #C5D7F8 #C8DBF6 #CBDFF4 #CFE2F2

#BBC5FF - #C5D7F8 - #CFE2F2

CSS codes

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

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