#29FFF2 - #00E5E9 | 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 #29FFF2 to #00E5E9

#29FFF2 #00E5E9

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

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

0.0%	0.0% #29FFF2	RGB 41 255 242	#29FFF2
16.7%	16.7% #22FAF0	RGB 34 250 240	#22FAF0
33.3%	33.3% #1BF6EF	RGB 27 246 239	#1BF6EF
50.0%	50.0% #14F2ED	RGB 20 242 237	#14F2ED
66.7%	66.7% #0DEDEC	RGB 13 237 236	#0DEDEC
83.3%	83.3% #06E9EA	RGB 6 233 234	#06E9EA
100.0%	100.0% #00E5E9	RGB 0 229 233	#00E5E9

#29FFF2 #22FAF0 #1BF6EF #14F2ED #0DEDEC #06E9EA #00E5E9

#29FFF2 - #00E5E9

HSV Blend

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

0.0%	0.0% #28FFF2	RGB 40 255 242	#28FFF2
16.7%	16.7% #21FBF0	RGB 33 251 240	#21FBF0
33.3%	33.3% #1AF7EF	RGB 26 247 239	#1AF7EF
50.0%	50.0% #13F4EF	RGB 19 244 239	#13F4EF
66.7%	66.7% #0CF0EE	RGB 12 240 238	#0CF0EE
83.3%	83.3% #06EBEC	RGB 6 235 236	#06EBEC
100.0%	100.0% #00E5E9	RGB 0 229 233	#00E5E9

#28FFF2 #21FBF0 #1AF7EF #13F4EF #0CF0EE #06EBEC #00E5E9

#29FFF2 - #13F4EF - #00E5E9

CSS codes

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

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