#C2FCF0 - #5ACABE | 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 #C2FCF0 to #5ACABE

#C2FCF0 #5ACABE

Calculate the color between two colors, #C2FCF0 and #5ACABE. 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)

#C2FCF0 - #5ACABE | 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 #C2FCF0 as 0% and #5ACABE as 100%.

0.0%	0.0% #C2FCF0	RGB 194 252 240	#C2FCF0
16.7%	16.7% #B0F3E7	RGB 176 243 231	#B0F3E7
33.3%	33.3% #9FEBDF	RGB 159 235 223	#9FEBDF
50.0%	50.0% #8EE3D7	RGB 142 227 215	#8EE3D7
66.7%	66.7% #7CDACE	RGB 124 218 206	#7CDACE
83.3%	83.3% #6BD2C6	RGB 107 210 198	#6BD2C6
100.0%	100.0% #5ACABE	RGB 90 202 190	#5ACABE

#C2FCF0 #B0F3E7 #9FEBDF #8EE3D7 #7CDACE #6BD2C6 #5ACABE

#C2FCF0 - #5ACABE

HSV Blend

#C2FCF0 - #5ACABE | 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 #C2FCF0 as 0% and #5ACABE as 100%.

0.0%	0.0% #C2FCF0	RGB 194 252 240	#C2FCF0
16.7%	16.7% #AEF3E6	RGB 174 243 230	#AEF3E6
33.3%	33.3% #9BEBDD	RGB 155 235 221	#9BEBDD
50.0%	50.0% #89E3D5	RGB 137 227 213	#89E3D5
66.7%	66.7% #79DACC	RGB 121 218 204	#79DACC
83.3%	83.3% #69D2C5	RGB 105 210 197	#69D2C5
100.0%	100.0% #5ACABE	RGB 90 202 190	#5ACABE

#C2FCF0 #AEF3E6 #9BEBDD #89E3D5 #79DACC #69D2C5 #5ACABE

#C2FCF0 - #89E3D5 - #5ACABE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FCF0 0%, #89E3D5 50%, #5ACABE 100%);
    background: -webkit-linear-gradient(top, #C2FCF0 0%, #89E3D5 50%, #5ACABE 100%);
    background: linear-gradient(to bottom, #C2FCF0 0%, #89E3D5 50%, #5ACABE 100%);
}
</style>