#F2FFFE - #C6EFF0 | 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 #F2FFFE to #C6EFF0

#F2FFFE #C6EFF0

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

#F2FFFE - #C6EFF0 | 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 #F2FFFE as 0% and #C6EFF0 as 100%.

0.0%	0.0% #F2FFFE	RGB 242 255 254	#F2FFFE
16.7%	16.7% #EAFCFB	RGB 234 252 251	#EAFCFB
33.3%	33.3% #E3F9F9	RGB 227 249 249	#E3F9F9
50.0%	50.0% #DCF7F7	RGB 220 247 247	#DCF7F7
66.7%	66.7% #D4F4F4	RGB 212 244 244	#D4F4F4
83.3%	83.3% #CDF1F2	RGB 205 241 242	#CDF1F2
100.0%	100.0% #C6EFF0	RGB 198 239 240	#C6EFF0

#F2FFFE #EAFCFB #E3F9F9 #DCF7F7 #D4F4F4 #CDF1F2 #C6EFF0

#F2FFFE - #C6EFF0

HSV Blend

#F2FFFE - #C6EFF0 | 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 #F2FFFE as 0% and #C6EFF0 as 100%.

0.0%	0.0% #F2FFFE	RGB 242 255 254	#F2FFFE
16.7%	16.7% #EAFCFB	RGB 234 252 251	#EAFCFB
33.3%	33.3% #E2FAF8	RGB 226 250 248	#E2FAF8
50.0%	50.0% #DBF7F6	RGB 219 247 246	#DBF7F6
66.7%	66.7% #D4F5F4	RGB 212 245 244	#D4F5F4
83.3%	83.3% #CDF2F2	RGB 205 242 242	#CDF2F2
100.0%	100.0% #C6EFF0	RGB 198 239 240	#C6EFF0

#F2FFFE #EAFCFB #E2FAF8 #DBF7F6 #D4F5F4 #CDF2F2 #C6EFF0

#F2FFFE - #DBF7F6 - #C6EFF0

CSS codes

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

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