#B9F2F9 - #FCECFF | 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 #B9F2F9 to #FCECFF

#B9F2F9 #FCECFF

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

#B9F2F9 - #FCECFF | 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 #B9F2F9 as 0% and #FCECFF as 100%.

0.0%	0.0% #B9F2F9	RGB 185 242 249	#B9F2F9
16.7%	16.7% #C4F1FA	RGB 196 241 250	#C4F1FA
33.3%	33.3% #CFF0FB	RGB 207 240 251	#CFF0FB
50.0%	50.0% #DAEFFC	RGB 218 239 252	#DAEFFC
66.7%	66.7% #E5EEFD	RGB 229 238 253	#E5EEFD
83.3%	83.3% #F0EDFE	RGB 240 237 254	#F0EDFE
100.0%	100.0% #FCECFF	RGB 252 236 255	#FCECFF

#B9F2F9 #C4F1FA #CFF0FB #DAEFFC #E5EEFD #F0EDFE #FCECFF

#B9F2F9 - #FCECFF

HSV Blend

#B9F2F9 - #FCECFF | 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 #B9F2F9 as 0% and #FCECFF as 100%.

0.0%	0.0% #B9F2F9	RGB 185 242 249	#B9F2F9
16.7%	16.7% #C1E3FA	RGB 193 227 250	#C1E3FA
33.3%	33.3% #C9D9FB	RGB 201 217 251	#C9D9FB
50.0%	50.0% #D2D3FC	RGB 210 211 252	#D2D3FC
66.7%	66.7% #E3DAFD	RGB 227 218 253	#E3DAFD
83.3%	83.3% #F2E3FE	RGB 242 227 254	#F2E3FE
100.0%	100.0% #FCECFF	RGB 252 236 255	#FCECFF

#B9F2F9 #C1E3FA #C9D9FB #D2D3FC #E3DAFD #F2E3FE #FCECFF

#B9F2F9 - #D2D3FC - #FCECFF

CSS codes

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

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