#C7FFFF - #FAF2FF | 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 #C7FFFF to #FAF2FF

#C7FFFF #FAF2FF

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

#C7FFFF - #FAF2FF | 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 #C7FFFF as 0% and #FAF2FF as 100%.

0.0%	0.0% #C7FFFF	RGB 199 255 255	#C7FFFF
16.7%	16.7% #CFFCFF	RGB 207 252 255	#CFFCFF
33.3%	33.3% #D8FAFF	RGB 216 250 255	#D8FAFF
50.0%	50.0% #E0F8FF	RGB 224 248 255	#E0F8FF
66.7%	66.7% #E9F6FF	RGB 233 246 255	#E9F6FF
83.3%	83.3% #F1F4FF	RGB 241 244 255	#F1F4FF
100.0%	100.0% #FAF2FF	RGB 250 242 255	#FAF2FF

#C7FFFF #CFFCFF #D8FAFF #E0F8FF #E9F6FF #F1F4FF #FAF2FF

#C7FFFF - #FAF2FF

HSV Blend

#C7FFFF - #FAF2FF | 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 #C7FFFF as 0% and #FAF2FF as 100%.

0.0%	0.0% #C7FFFF	RGB 199 255 255	#C7FFFF
16.7%	16.7% #CEF1FF	RGB 206 241 255	#CEF1FF
33.3%	33.3% #D5E8FF	RGB 213 232 255	#D5E8FF
50.0%	50.0% #DCE3FF	RGB 220 227 255	#DCE3FF
66.7%	66.7% #E5E3FF	RGB 229 227 255	#E5E3FF
83.3%	83.3% #F1EAFF	RGB 241 234 255	#F1EAFF
100.0%	100.0% #FAF2FF	RGB 250 242 255	#FAF2FF

#C7FFFF #CEF1FF #D5E8FF #DCE3FF #E5E3FF #F1EAFF #FAF2FF

#C7FFFF - #DCE3FF - #FAF2FF

CSS codes

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

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