#C2FAFE - #63CAD5 | 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 #C2FAFE to #63CAD5

#C2FAFE #63CAD5

Calculate the color between two colors, #C2FAFE and #63CAD5. 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)

#C2FAFE - #63CAD5 | 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 #C2FAFE as 0% and #63CAD5 as 100%.

0.0%	0.0% #C2FAFE	RGB 194 250 254	#C2FAFE
16.7%	16.7% #B2F2F7	RGB 178 242 247	#B2F2F7
33.3%	33.3% #A2EAF0	RGB 162 234 240	#A2EAF0
50.0%	50.0% #92E2E9	RGB 146 226 233	#92E2E9
66.7%	66.7% #82DAE2	RGB 130 218 226	#82DAE2
83.3%	83.3% #72D2DB	RGB 114 210 219	#72D2DB
100.0%	100.0% #63CAD5	RGB 99 202 213	#63CAD5

#C2FAFE #B2F2F7 #A2EAF0 #92E2E9 #82DAE2 #72D2DB #63CAD5

#C2FAFE - #63CAD5

HSV Blend

#C2FAFE - #63CAD5 | 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 #C2FAFE as 0% and #63CAD5 as 100%.

0.0%	0.0% #C2FAFE	RGB 194 250 254	#C2FAFE
16.7%	16.7% #B0F2F7	RGB 176 242 247	#B0F2F7
33.3%	33.3% #9FEAF0	RGB 159 234 240	#9FEAF0
50.0%	50.0% #8FE2E9	RGB 143 226 233	#8FE2E9
66.7%	66.7% #7FDAE2	RGB 127 218 226	#7FDAE2
83.3%	83.3% #71D2DB	RGB 113 210 219	#71D2DB
100.0%	100.0% #63CAD5	RGB 99 202 213	#63CAD5

#C2FAFE #B0F2F7 #9FEAF0 #8FE2E9 #7FDAE2 #71D2DB #63CAD5

#C2FAFE - #8FE2E9 - #63CAD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FAFE 0%, #8FE2E9 50%, #63CAD5 100%);
    background: -webkit-linear-gradient(top, #C2FAFE 0%, #8FE2E9 50%, #63CAD5 100%);
    background: linear-gradient(to bottom, #C2FAFE 0%, #8FE2E9 50%, #63CAD5 100%);
}
</style>