#2CF2FF - #C2FBFF | 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 #2CF2FF to #C2FBFF

#2CF2FF #C2FBFF

Calculate the color between two colors, #2CF2FF and #C2FBFF. 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)

#2CF2FF - #C2FBFF | 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 #2CF2FF as 0% and #C2FBFF as 100%.

0.0%	0.0% #2CF2FF	RGB 44 242 255	#2CF2FF
16.7%	16.7% #45F3FF	RGB 69 243 255	#45F3FF
33.3%	33.3% #5EF5FF	RGB 94 245 255	#5EF5FF
50.0%	50.0% #77F6FF	RGB 119 246 255	#77F6FF
66.7%	66.7% #90F8FF	RGB 144 248 255	#90F8FF
83.3%	83.3% #A9F9FF	RGB 169 249 255	#A9F9FF
100.0%	100.0% #C2FBFF	RGB 194 251 255	#C2FBFF

#2CF2FF #45F3FF #5EF5FF #77F6FF #90F8FF #A9F9FF #C2FBFF

#2CF2FF - #C2FBFF

HSV Blend

#2CF2FF - #C2FBFF | 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 #2CF2FF as 0% and #C2FBFF as 100%.

0.0%	0.0% #2BF1FF	RGB 43 241 255	#2BF1FF
16.7%	16.7% #44F3FF	RGB 68 243 255	#44F3FF
33.3%	33.3% #5EF4FF	RGB 94 244 255	#5EF4FF
50.0%	50.0% #77F6FF	RGB 119 246 255	#77F6FF
66.7%	66.7% #90F7FF	RGB 144 247 255	#90F7FF
83.3%	83.3% #A9F9FF	RGB 169 249 255	#A9F9FF
100.0%	100.0% #C2FBFF	RGB 194 251 255	#C2FBFF

#2BF1FF #44F3FF #5EF4FF #77F6FF #90F7FF #A9F9FF #C2FBFF

#2CF2FF - #77F6FF - #C2FBFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2BF1FF 0%, #77F6FF 50%, #C2FBFF 100%);
    background: -webkit-linear-gradient(top, #2BF1FF 0%, #77F6FF 50%, #C2FBFF 100%);
    background: linear-gradient(to bottom, #2BF1FF 0%, #77F6FF 50%, #C2FBFF 100%);
}
</style>