#BBCFF7 - #DAE3ED | 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 #BBCFF7 to #DAE3ED

#BBCFF7 #DAE3ED

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

#BBCFF7 - #DAE3ED | 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 #BBCFF7 as 0% and #DAE3ED as 100%.

0.0%	0.0% #BBCFF7	RGB 187 207 247	#BBCFF7
16.7%	16.7% #C0D2F5	RGB 192 210 245	#C0D2F5
33.3%	33.3% #C5D5F3	RGB 197 213 243	#C5D5F3
50.0%	50.0% #CAD9F2	RGB 202 217 242	#CAD9F2
66.7%	66.7% #CFDCF0	RGB 207 220 240	#CFDCF0
83.3%	83.3% #D4DFEE	RGB 212 223 238	#D4DFEE
100.0%	100.0% #DAE3ED	RGB 218 227 237	#DAE3ED

#BBCFF7 #C0D2F5 #C5D5F3 #CAD9F2 #CFDCF0 #D4DFEE #DAE3ED

#BBCFF7 - #DAE3ED

HSV Blend

#BBCFF7 - #DAE3ED | 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 #BBCFF7 as 0% and #DAE3ED as 100%.

0.0%	0.0% #BBCFF7	RGB 187 207 247	#BBCFF7
16.7%	16.7% #C0D3F5	RGB 192 211 245	#C0D3F5
33.3%	33.3% #C5D7F3	RGB 197 215 243	#C5D7F3
50.0%	50.0% #CADAF2	RGB 202 218 242	#CADAF2
66.7%	66.7% #D0DDF0	RGB 208 221 240	#D0DDF0
83.3%	83.3% #D5E0EE	RGB 213 224 238	#D5E0EE
100.0%	100.0% #DAE3ED	RGB 218 227 237	#DAE3ED

#BBCFF7 #C0D3F5 #C5D7F3 #CADAF2 #D0DDF0 #D5E0EE #DAE3ED

#BBCFF7 - #CADAF2 - #DAE3ED

CSS codes

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

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