#C2FFF7 - #F9F1FF | 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 #C2FFF7 to #F9F1FF

#C2FFF7 #F9F1FF

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

#C2FFF7 - #F9F1FF | 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 #C2FFF7 as 0% and #F9F1FF as 100%.

0.0%	0.0% #C2FFF7	RGB 194 255 247	#C2FFF7
16.7%	16.7% #CBFCF8	RGB 203 252 248	#CBFCF8
33.3%	33.3% #D4FAF9	RGB 212 250 249	#D4FAF9
50.0%	50.0% #DDF8FB	RGB 221 248 251	#DDF8FB
66.7%	66.7% #E6F5FC	RGB 230 245 252	#E6F5FC
83.3%	83.3% #EFF3FD	RGB 239 243 253	#EFF3FD
100.0%	100.0% #F9F1FF	RGB 249 241 255	#F9F1FF

#C2FFF7 #CBFCF8 #D4FAF9 #DDF8FB #E6F5FC #EFF3FD #F9F1FF

#C2FFF7 - #F9F1FF

HSV Blend

#C2FFF7 - #F9F1FF | 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 #C2FFF7 as 0% and #F9F1FF as 100%.

0.0%	0.0% #C2FFF7	RGB 194 255 247	#C2FFF7
16.7%	16.7% #C9F6FF	RGB 201 246 255	#C9F6FF
33.3%	33.3% #D1EBFF	RGB 209 235 255	#D1EBFF
50.0%	50.0% #D9E3FF	RGB 217 227 255	#D9E3FF
66.7%	66.7% #E1E1FF	RGB 225 225 255	#E1E1FF
83.3%	83.3% #EFE9FF	RGB 239 233 255	#EFE9FF
100.0%	100.0% #F9F1FF	RGB 249 241 255	#F9F1FF

#C2FFF7 #C9F6FF #D1EBFF #D9E3FF #E1E1FF #EFE9FF #F9F1FF

#C2FFF7 - #D9E3FF - #F9F1FF

CSS codes

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

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