#C2FFF0 - #58CFC0 | 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 #C2FFF0 to #58CFC0

#C2FFF0 #58CFC0

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

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

0.0%	0.0% #C2FFF0	RGB 194 255 240	#C2FFF0
16.7%	16.7% #B0F7E8	RGB 176 247 232	#B0F7E8
33.3%	33.3% #9EEFE0	RGB 158 239 224	#9EEFE0
50.0%	50.0% #8DE7D8	RGB 141 231 216	#8DE7D8
66.7%	66.7% #7BDFD0	RGB 123 223 208	#7BDFD0
83.3%	83.3% #69D7C8	RGB 105 215 200	#69D7C8
100.0%	100.0% #58CFC0	RGB 88 207 192	#58CFC0

#C2FFF0 #B0F7E8 #9EEFE0 #8DE7D8 #7BDFD0 #69D7C8 #58CFC0

#C2FFF0 - #58CFC0

HSV Blend

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

0.0%	0.0% #C2FFF0	RGB 194 255 240	#C2FFF0
16.7%	16.7% #AEF7E6	RGB 174 247 230	#AEF7E6
33.3%	33.3% #9BEFDD	RGB 155 239 221	#9BEFDD
50.0%	50.0% #88E7D5	RGB 136 231 213	#88E7D5
66.7%	66.7% #77DFCD	RGB 119 223 205	#77DFCD
83.3%	83.3% #67D7C6	RGB 103 215 198	#67D7C6
100.0%	100.0% #58CFC0	RGB 88 207 192	#58CFC0

#C2FFF0 #AEF7E6 #9BEFDD #88E7D5 #77DFCD #67D7C6 #58CFC0

#C2FFF0 - #88E7D5 - #58CFC0

CSS codes

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

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