#B9F0EC - #FFE5FC | 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 #B9F0EC to #FFE5FC

#B9F0EC #FFE5FC

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

#B9F0EC - #FFE5FC | 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 #B9F0EC as 0% and #FFE5FC as 100%.

0.0%	0.0% #B9F0EC	RGB 185 240 236	#B9F0EC
16.7%	16.7% #C4EEEE	RGB 196 238 238	#C4EEEE
33.3%	33.3% #D0ECF1	RGB 208 236 241	#D0ECF1
50.0%	50.0% #DCEAF4	RGB 220 234 244	#DCEAF4
66.7%	66.7% #E7E8F6	RGB 231 232 246	#E7E8F6
83.3%	83.3% #F3E6F9	RGB 243 230 249	#F3E6F9
100.0%	100.0% #FFE5FC	RGB 255 229 252	#FFE5FC

#B9F0EC #C4EEEE #D0ECF1 #DCEAF4 #E7E8F6 #F3E6F9 #FFE5FC

#B9F0EC - #FFE5FC

HSV Blend

#B9F0EC - #FFE5FC | 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 #B9F0EC as 0% and #FFE5FC as 100%.

0.0%	0.0% #B9F0EC	RGB 185 240 236	#B9F0EC
16.7%	16.7% #C0E3F2	RGB 192 227 242	#C0E3F2
33.3%	33.3% #C7D6F5	RGB 199 214 245	#C7D6F5
50.0%	50.0% #CFCEF7	RGB 207 206 247	#CFCEF7
66.7%	66.7% #E3D5FA	RGB 227 213 250	#E3D5FA
83.3%	83.3% #F4DDFC	RGB 244 221 252	#F4DDFC
100.0%	100.0% #FFE5FC	RGB 255 229 252	#FFE5FC

#B9F0EC #C0E3F2 #C7D6F5 #CFCEF7 #E3D5FA #F4DDFC #FFE5FC

#B9F0EC - #CFCEF7 - #FFE5FC

CSS codes

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

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