#C2FFFA - #58C8CF | 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 #C2FFFA to #58C8CF

#C2FFFA #58C8CF

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

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

0.0%	0.0% #C2FFFA	RGB 194 255 250	#C2FFFA
16.7%	16.7% #B0F5F2	RGB 176 245 242	#B0F5F2
33.3%	33.3% #9EECEB	RGB 158 236 235	#9EECEB
50.0%	50.0% #8DE3E4	RGB 141 227 228	#8DE3E4
66.7%	66.7% #7BDADD	RGB 123 218 221	#7BDADD
83.3%	83.3% #69D1D6	RGB 105 209 214	#69D1D6
100.0%	100.0% #58C8CF	RGB 88 200 207	#58C8CF

#C2FFFA #B0F5F2 #9EECEB #8DE3E4 #7BDADD #69D1D6 #58C8CF

#C2FFFA - #58C8CF

HSV Blend

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

0.0%	0.0% #C2FFFA	RGB 194 255 250	#C2FFFA
16.7%	16.7% #AEF7F2	RGB 174 247 242	#AEF7F2
33.3%	33.3% #9BEFEC	RGB 155 239 236	#9BEFEC
50.0%	50.0% #88E7E5	RGB 136 231 229	#88E7E5
66.7%	66.7% #77DDDF	RGB 119 221 223	#77DDDF
83.3%	83.3% #67D3D7	RGB 103 211 215	#67D3D7
100.0%	100.0% #58C8CF	RGB 88 200 207	#58C8CF

#C2FFFA #AEF7F2 #9BEFEC #88E7E5 #77DDDF #67D3D7 #58C8CF

#C2FFFA - #88E7E5 - #58C8CF

CSS codes

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

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