#C2F8FA - #EDFDFC | 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 #C2F8FA to #EDFDFC

#C2F8FA #EDFDFC

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

#C2F8FA - #EDFDFC | 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 #C2F8FA as 0% and #EDFDFC as 100%.

0.0%	0.0% #C2F8FA	RGB 194 248 250	#C2F8FA
16.7%	16.7% #C9F8FA	RGB 201 248 250	#C9F8FA
33.3%	33.3% #D0F9FA	RGB 208 249 250	#D0F9FA
50.0%	50.0% #D7FAFB	RGB 215 250 251	#D7FAFB
66.7%	66.7% #DEFBFB	RGB 222 251 251	#DEFBFB
83.3%	83.3% #E5FCFB	RGB 229 252 251	#E5FCFB
100.0%	100.0% #EDFDFC	RGB 237 253 252	#EDFDFC

#C2F8FA #C9F8FA #D0F9FA #D7FAFB #DEFBFB #E5FCFB #EDFDFC

#C2F8FA - #EDFDFC

HSV Blend

#C2F8FA - #EDFDFC | 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 #C2F8FA as 0% and #EDFDFC as 100%.

0.0%	0.0% #C2F8FA	RGB 194 248 250	#C2F8FA
16.7%	16.7% #C9F9FA	RGB 201 249 250	#C9F9FA
33.3%	33.3% #D0FAFB	RGB 208 250 251	#D0FAFB
50.0%	50.0% #D7FBFB	RGB 215 251 251	#D7FBFB
66.7%	66.7% #DEFCFB	RGB 222 252 251	#DEFCFB
83.3%	83.3% #E5FCFB	RGB 229 252 251	#E5FCFB
100.0%	100.0% #EDFDFC	RGB 237 253 252	#EDFDFC

#C2F8FA #C9F9FA #D0FAFB #D7FBFB #DEFCFB #E5FCFB #EDFDFC

#C2F8FA - #D7FBFB - #EDFDFC

CSS codes

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

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