#29FFF1 - #00E5E7 | 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 #29FFF1 to #00E5E7

#29FFF1 #00E5E7

Calculate the color between two colors, #29FFF1 and #00E5E7. 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)

#29FFF1 - #00E5E7 | 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 #29FFF1 as 0% and #00E5E7 as 100%.

0.0%	0.0% #29FFF1	RGB 41 255 241	#29FFF1
16.7%	16.7% #22FAEF	RGB 34 250 239	#22FAEF
33.3%	33.3% #1BF6ED	RGB 27 246 237	#1BF6ED
50.0%	50.0% #14F2EC	RGB 20 242 236	#14F2EC
66.7%	66.7% #0DEDEA	RGB 13 237 234	#0DEDEA
83.3%	83.3% #06E9E8	RGB 6 233 232	#06E9E8
100.0%	100.0% #00E5E7	RGB 0 229 231	#00E5E7

#29FFF1 #22FAEF #1BF6ED #14F2EC #0DEDEA #06E9E8 #00E5E7

#29FFF1 - #00E5E7

HSV Blend

#29FFF1 - #00E5E7 | 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 #29FFF1 as 0% and #00E5E7 as 100%.

0.0%	0.0% #28FFF1	RGB 40 255 241	#28FFF1
16.7%	16.7% #21FBEF	RGB 33 251 239	#21FBEF
33.3%	33.3% #1AF7EE	RGB 26 247 238	#1AF7EE
50.0%	50.0% #13F3EC	RGB 19 243 236	#13F3EC
66.7%	66.7% #0CEFEB	RGB 12 239 235	#0CEFEB
83.3%	83.3% #06EBEA	RGB 6 235 234	#06EBEA
100.0%	100.0% #00E5E7	RGB 0 229 231	#00E5E7

#28FFF1 #21FBEF #1AF7EE #13F3EC #0CEFEB #06EBEA #00E5E7

#29FFF1 - #13F3EC - #00E5E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #28FFF1 0%, #13F3EC 50%, #00E5E7 100%);
    background: -webkit-linear-gradient(top, #28FFF1 0%, #13F3EC 50%, #00E5E7 100%);
    background: linear-gradient(to bottom, #28FFF1 0%, #13F3EC 50%, #00E5E7 100%);
}
</style>