#2DD2FF - #C6EEDC | 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 #2DD2FF to #C6EEDC

#2DD2FF #C6EEDC

Calculate the color between two colors, #2DD2FF and #C6EEDC. 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)

#2DD2FF - #C6EEDC | 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 #2DD2FF as 0% and #C6EEDC as 100%.

0.0%	0.0% #2DD2FF	RGB 45 210 255	#2DD2FF
16.7%	16.7% #46D6F9	RGB 70 214 249	#46D6F9
33.3%	33.3% #60DBF3	RGB 96 219 243	#60DBF3
50.0%	50.0% #79E0ED	RGB 121 224 237	#79E0ED
66.7%	66.7% #93E4E7	RGB 147 228 231	#93E4E7
83.3%	83.3% #ACE9E1	RGB 172 233 225	#ACE9E1
100.0%	100.0% #C6EEDC	RGB 198 238 220	#C6EEDC

#2DD2FF #46D6F9 #60DBF3 #79E0ED #93E4E7 #ACE9E1 #C6EEDC

#2DD2FF - #C6EEDC

HSV Blend

#2DD2FF - #C6EEDC | 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 #2DD2FF as 0% and #C6EEDC as 100%.

0.0%	0.0% #2CD2FF	RGB 44 210 255	#2CD2FF
16.7%	16.7% #48E9FC	RGB 72 233 252	#48E9FC
33.3%	33.3% #62F9F8	RGB 98 249 248	#62F9F8
50.0%	50.0% #7CF6E8	RGB 124 246 232	#7CF6E8
66.7%	66.7% #95F3DE	RGB 149 243 222	#95F3DE
83.3%	83.3% #AEF0DA	RGB 174 240 218	#AEF0DA
100.0%	100.0% #C6EEDC	RGB 198 238 220	#C6EEDC

#2CD2FF #48E9FC #62F9F8 #7CF6E8 #95F3DE #AEF0DA #C6EEDC

#2DD2FF - #7CF6E8 - #C6EEDC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2CD2FF 0%, #7CF6E8 50%, #C6EEDC 100%);
    background: -webkit-linear-gradient(top, #2CD2FF 0%, #7CF6E8 50%, #C6EEDC 100%);
    background: linear-gradient(to bottom, #2CD2FF 0%, #7CF6E8 50%, #C6EEDC 100%);
}
</style>