#C2FAFF - #58B9CF | 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 #C2FAFF to #58B9CF

#C2FAFF #58B9CF

Calculate the color between two colors, #C2FAFF and #58B9CF. 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)

#C2FAFF - #58B9CF | 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 #C2FAFF as 0% and #58B9CF as 100%.

0.0%	0.0% #C2FAFF	RGB 194 250 255	#C2FAFF
16.7%	16.7% #B0EFF7	RGB 176 239 247	#B0EFF7
33.3%	33.3% #9EE4EF	RGB 158 228 239	#9EE4EF
50.0%	50.0% #8DD9E7	RGB 141 217 231	#8DD9E7
66.7%	66.7% #7BCEDF	RGB 123 206 223	#7BCEDF
83.3%	83.3% #69C3D7	RGB 105 195 215	#69C3D7
100.0%	100.0% #58B9CF	RGB 88 185 207	#58B9CF

#C2FAFF #B0EFF7 #9EE4EF #8DD9E7 #7BCEDF #69C3D7 #58B9CF

#C2FAFF - #58B9CF

HSV Blend

#C2FAFF - #58B9CF | 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 #C2FAFF as 0% and #58B9CF as 100%.

0.0%	0.0% #C2FAFF	RGB 194 250 255	#C2FAFF
16.7%	16.7% #AEEFF7	RGB 174 239 247	#AEEFF7
33.3%	33.3% #9BE5EF	RGB 155 229 239	#9BE5EF
50.0%	50.0% #88DAE7	RGB 136 218 231	#88DAE7
66.7%	66.7% #77CFDF	RGB 119 207 223	#77CFDF
83.3%	83.3% #67C4D7	RGB 103 196 215	#67C4D7
100.0%	100.0% #58B9CF	RGB 88 185 207	#58B9CF

#C2FAFF #AEEFF7 #9BE5EF #88DAE7 #77CFDF #67C4D7 #58B9CF

#C2FAFF - #88DAE7 - #58B9CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FAFF 0%, #88DAE7 50%, #58B9CF 100%);
    background: -webkit-linear-gradient(top, #C2FAFF 0%, #88DAE7 50%, #58B9CF 100%);
    background: linear-gradient(to bottom, #C2FAFF 0%, #88DAE7 50%, #58B9CF 100%);
}
</style>