#C2FFF6 - #58CFCD | 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 #C2FFF6 to #58CFCD

#C2FFF6 #58CFCD

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

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

0.0%	0.0% #C2FFF6	RGB 194 255 246	#C2FFF6
16.7%	16.7% #B0F7EF	RGB 176 247 239	#B0F7EF
33.3%	33.3% #9EEFE8	RGB 158 239 232	#9EEFE8
50.0%	50.0% #8DE7E1	RGB 141 231 225	#8DE7E1
66.7%	66.7% #7BDFDA	RGB 123 223 218	#7BDFDA
83.3%	83.3% #69D7D3	RGB 105 215 211	#69D7D3
100.0%	100.0% #58CFCD	RGB 88 207 205	#58CFCD

#C2FFF6 #B0F7EF #9EEFE8 #8DE7E1 #7BDFDA #69D7D3 #58CFCD

#C2FFF6 - #58CFCD

HSV Blend

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

0.0%	0.0% #C2FFF6	RGB 194 255 246	#C2FFF6
16.7%	16.7% #AEF7ED	RGB 174 247 237	#AEF7ED
33.3%	33.3% #9BEFE6	RGB 155 239 230	#9BEFE6
50.0%	50.0% #88E7DF	RGB 136 231 223	#88E7DF
66.7%	66.7% #77DFD8	RGB 119 223 216	#77DFD8
83.3%	83.3% #67D7D2	RGB 103 215 210	#67D7D2
100.0%	100.0% #58CFCD	RGB 88 207 205	#58CFCD

#C2FFF6 #AEF7ED #9BEFE6 #88E7DF #77DFD8 #67D7D2 #58CFCD

#C2FFF6 - #88E7DF - #58CFCD

CSS codes

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

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