#BAE2EB - #EBF6F9 | 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 #BAE2EB to #EBF6F9

#BAE2EB #EBF6F9

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

#BAE2EB - #EBF6F9 | 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 #BAE2EB as 0% and #EBF6F9 as 100%.

0.0%	0.0% #BAE2EB	RGB 186 226 235	#BAE2EB
16.7%	16.7% #C2E5ED	RGB 194 229 237	#C2E5ED
33.3%	33.3% #CAE8EF	RGB 202 232 239	#CAE8EF
50.0%	50.0% #D2ECF2	RGB 210 236 242	#D2ECF2
66.7%	66.7% #DAEFF4	RGB 218 239 244	#DAEFF4
83.3%	83.3% #E2F2F6	RGB 226 242 246	#E2F2F6
100.0%	100.0% #EBF6F9	RGB 235 246 249	#EBF6F9

#BAE2EB #C2E5ED #CAE8EF #D2ECF2 #DAEFF4 #E2F2F6 #EBF6F9

#BAE2EB - #EBF6F9

HSV Blend

#BAE2EB - #EBF6F9 | 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 #BAE2EB as 0% and #EBF6F9 as 100%.

0.0%	0.0% #BAE2EB	RGB 186 226 235	#BAE2EB
16.7%	16.7% #C1E5ED	RGB 193 229 237	#C1E5ED
33.3%	33.3% #C9E8EF	RGB 201 232 239	#C9E8EF
50.0%	50.0% #D1EBF2	RGB 209 235 242	#D1EBF2
66.7%	66.7% #DAEEF4	RGB 218 238 244	#DAEEF4
83.3%	83.3% #E2F2F6	RGB 226 242 246	#E2F2F6
100.0%	100.0% #EBF6F9	RGB 235 246 249	#EBF6F9

#BAE2EB #C1E5ED #C9E8EF #D1EBF2 #DAEEF4 #E2F2F6 #EBF6F9

#BAE2EB - #D1EBF2 - #EBF6F9

CSS codes

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

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