#C2FFEF - #6BEDC4 | 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 #C2FFEF to #6BEDC4

#C2FFEF #6BEDC4

Calculate the color between two colors, #C2FFEF and #6BEDC4. 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)

#C2FFEF - #6BEDC4 | 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 #C2FFEF as 0% and #6BEDC4 as 100%.

0.0%	0.0% #C2FFEF	RGB 194 255 239	#C2FFEF
16.7%	16.7% #B3FCE7	RGB 179 252 231	#B3FCE7
33.3%	33.3% #A5F9E0	RGB 165 249 224	#A5F9E0
50.0%	50.0% #96F6D9	RGB 150 246 217	#96F6D9
66.7%	66.7% #88F3D2	RGB 136 243 210	#88F3D2
83.3%	83.3% #79F0CB	RGB 121 240 203	#79F0CB
100.0%	100.0% #6BEDC4	RGB 107 237 196	#6BEDC4

#C2FFEF #B3FCE7 #A5F9E0 #96F6D9 #88F3D2 #79F0CB #6BEDC4

#C2FFEF - #6BEDC4

HSV Blend

#C2FFEF - #6BEDC4 | 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 #C2FFEF as 0% and #6BEDC4 as 100%.

0.0%	0.0% #C2FFEF	RGB 194 255 239	#C2FFEF
16.7%	16.7% #B2FCE8	RGB 178 252 232	#B2FCE8
33.3%	33.3% #A3F9E1	RGB 163 249 225	#A3F9E1
50.0%	50.0% #95F6DA	RGB 149 246 218	#95F6DA
66.7%	66.7% #86F3D2	RGB 134 243 210	#86F3D2
83.3%	83.3% #78F0CB	RGB 120 240 203	#78F0CB
100.0%	100.0% #6BEDC4	RGB 107 237 196	#6BEDC4

#C2FFEF #B2FCE8 #A3F9E1 #95F6DA #86F3D2 #78F0CB #6BEDC4

#C2FFEF - #95F6DA - #6BEDC4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FFEF 0%, #95F6DA 50%, #6BEDC4 100%);
    background: -webkit-linear-gradient(top, #C2FFEF 0%, #95F6DA 50%, #6BEDC4 100%);
    background: linear-gradient(to bottom, #C2FFEF 0%, #95F6DA 50%, #6BEDC4 100%);
}
</style>