#2EFFF2 - #00E5E8 | 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 #2EFFF2 to #00E5E8

#2EFFF2 #00E5E8

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

#2EFFF2 - #00E5E8 | 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 #2EFFF2 as 0% and #00E5E8 as 100%.

0.0%	0.0% #2EFFF2	RGB 46 255 242	#2EFFF2
16.7%	16.7% #26FAF0	RGB 38 250 240	#26FAF0
33.3%	33.3% #1EF6EE	RGB 30 246 238	#1EF6EE
50.0%	50.0% #17F2ED	RGB 23 242 237	#17F2ED
66.7%	66.7% #0FEDEB	RGB 15 237 235	#0FEDEB
83.3%	83.3% #07E9E9	RGB 7 233 233	#07E9E9
100.0%	100.0% #00E5E8	RGB 0 229 232	#00E5E8

#2EFFF2 #26FAF0 #1EF6EE #17F2ED #0FEDEB #07E9E9 #00E5E8

#2EFFF2 - #00E5E8

HSV Blend

#2EFFF2 - #00E5E8 | 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 #2EFFF2 as 0% and #00E5E8 as 100%.

0.0%	0.0% #2DFFF2	RGB 45 255 242	#2DFFF2
16.7%	16.7% #25FBF0	RGB 37 251 240	#25FBF0
33.3%	33.3% #1DF7EF	RGB 29 247 239	#1DF7EF
50.0%	50.0% #15F3EE	RGB 21 243 238	#15F3EE
66.7%	66.7% #0EEFEC	RGB 14 239 236	#0EEFEC
83.3%	83.3% #07EBEB	RGB 7 235 235	#07EBEB
100.0%	100.0% #00E5E8	RGB 0 229 232	#00E5E8

#2DFFF2 #25FBF0 #1DF7EF #15F3EE #0EEFEC #07EBEB #00E5E8

#2EFFF2 - #15F3EE - #00E5E8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DFFF2 0%, #15F3EE 50%, #00E5E8 100%);
    background: -webkit-linear-gradient(top, #2DFFF2 0%, #15F3EE 50%, #00E5E8 100%);
    background: linear-gradient(to bottom, #2DFFF2 0%, #15F3EE 50%, #00E5E8 100%);
}
</style>