#BFE6F9 - #ECF7FD | 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 #BFE6F9 to #ECF7FD

#BFE6F9 #ECF7FD

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

#BFE6F9 - #ECF7FD | 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 #BFE6F9 as 0% and #ECF7FD as 100%.

0.0%	0.0% #BFE6F9	RGB 191 230 249	#BFE6F9
16.7%	16.7% #C6E8F9	RGB 198 232 249	#C6E8F9
33.3%	33.3% #CEEBFA	RGB 206 235 250	#CEEBFA
50.0%	50.0% #D5EEFB	RGB 213 238 251	#D5EEFB
66.7%	66.7% #DDF1FB	RGB 221 241 251	#DDF1FB
83.3%	83.3% #E4F4FC	RGB 228 244 252	#E4F4FC
100.0%	100.0% #ECF7FD	RGB 236 247 253	#ECF7FD

#BFE6F9 #C6E8F9 #CEEBFA #D5EEFB #DDF1FB #E4F4FC #ECF7FD

#BFE6F9 - #ECF7FD

HSV Blend

#BFE6F9 - #ECF7FD | 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 #BFE6F9 as 0% and #ECF7FD as 100%.

0.0%	0.0% #BFE6F9	RGB 191 230 249	#BFE6F9
16.7%	16.7% #C6E8F9	RGB 198 232 249	#C6E8F9
33.3%	33.3% #CDEBFA	RGB 205 235 250	#CDEBFA
50.0%	50.0% #D5EEFB	RGB 213 238 251	#D5EEFB
66.7%	66.7% #DCF1FB	RGB 220 241 251	#DCF1FB
83.3%	83.3% #E4F3FC	RGB 228 243 252	#E4F3FC
100.0%	100.0% #ECF7FD	RGB 236 247 253	#ECF7FD

#BFE6F9 #C6E8F9 #CDEBFA #D5EEFB #DCF1FB #E4F3FC #ECF7FD

#BFE6F9 - #D5EEFB - #ECF7FD

CSS codes

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

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