#C0FFF6 - #F7F0FF | 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 #C0FFF6 to #F7F0FF

#C0FFF6 #F7F0FF

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

#C0FFF6 - #F7F0FF | 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 #C0FFF6 as 0% and #F7F0FF as 100%.

0.0%	0.0% #C0FFF6	RGB 192 255 246	#C0FFF6
16.7%	16.7% #C9FCF7	RGB 201 252 247	#C9FCF7
33.3%	33.3% #D2FAF9	RGB 210 250 249	#D2FAF9
50.0%	50.0% #DBF7FA	RGB 219 247 250	#DBF7FA
66.7%	66.7% #E4F5FC	RGB 228 245 252	#E4F5FC
83.3%	83.3% #EDF2FD	RGB 237 242 253	#EDF2FD
100.0%	100.0% #F7F0FF	RGB 247 240 255	#F7F0FF

#C0FFF6 #C9FCF7 #D2FAF9 #DBF7FA #E4F5FC #EDF2FD #F7F0FF

#C0FFF6 - #F7F0FF

HSV Blend

#C0FFF6 - #F7F0FF | 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 #C0FFF6 as 0% and #F7F0FF as 100%.

0.0%	0.0% #C0FFF6	RGB 192 255 246	#C0FFF6
16.7%	16.7% #C8F8FF	RGB 200 248 255	#C8F8FF
33.3%	33.3% #D0ECFF	RGB 208 236 255	#D0ECFF
50.0%	50.0% #D8E5FF	RGB 216 229 255	#D8E5FF
66.7%	66.7% #E0E2FF	RGB 224 226 255	#E0E2FF
83.3%	83.3% #ECE8FF	RGB 236 232 255	#ECE8FF
100.0%	100.0% #F7F0FF	RGB 247 240 255	#F7F0FF

#C0FFF6 #C8F8FF #D0ECFF #D8E5FF #E0E2FF #ECE8FF #F7F0FF

#C0FFF6 - #D8E5FF - #F7F0FF

CSS codes

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

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