#BDD9EE - #ECF4FA | 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 #BDD9EE to #ECF4FA

#BDD9EE #ECF4FA

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

#BDD9EE - #ECF4FA | 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 #BDD9EE as 0% and #ECF4FA as 100%.

0.0%	0.0% #BDD9EE	RGB 189 217 238	#BDD9EE
16.7%	16.7% #C4DDF0	RGB 196 221 240	#C4DDF0
33.3%	33.3% #CCE2F2	RGB 204 226 242	#CCE2F2
50.0%	50.0% #D4E6F4	RGB 212 230 244	#D4E6F4
66.7%	66.7% #DCEBF6	RGB 220 235 246	#DCEBF6
83.3%	83.3% #E4EFF8	RGB 228 239 248	#E4EFF8
100.0%	100.0% #ECF4FA	RGB 236 244 250	#ECF4FA

#BDD9EE #C4DDF0 #CCE2F2 #D4E6F4 #DCEBF6 #E4EFF8 #ECF4FA

#BDD9EE - #ECF4FA

HSV Blend

#BDD9EE - #ECF4FA | 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 #BDD9EE as 0% and #ECF4FA as 100%.

0.0%	0.0% #BDD9EE	RGB 189 217 238	#BDD9EE
16.7%	16.7% #C4DDF0	RGB 196 221 240	#C4DDF0
33.3%	33.3% #CCE1F2	RGB 204 225 242	#CCE1F2
50.0%	50.0% #D4E6F4	RGB 212 230 244	#D4E6F4
66.7%	66.7% #DBEAF6	RGB 219 234 246	#DBEAF6
83.3%	83.3% #E3EFF8	RGB 227 239 248	#E3EFF8
100.0%	100.0% #ECF4FA	RGB 236 244 250	#ECF4FA

#BDD9EE #C4DDF0 #CCE1F2 #D4E6F4 #DBEAF6 #E3EFF8 #ECF4FA

#BDD9EE - #D4E6F4 - #ECF4FA

CSS codes

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

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