#25FFF1 - #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 #25FFF1 to #00E5E8

#25FFF1 #00E5E8

Calculate the color between two colors, #25FFF1 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)

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

0.0%	0.0% #25FFF1	RGB 37 255 241	#25FFF1
16.7%	16.7% #1EFAEF	RGB 30 250 239	#1EFAEF
33.3%	33.3% #18F6EE	RGB 24 246 238	#18F6EE
50.0%	50.0% #12F2EC	RGB 18 242 236	#12F2EC
66.7%	66.7% #0CEDEB	RGB 12 237 235	#0CEDEB
83.3%	83.3% #06E9E9	RGB 6 233 233	#06E9E9
100.0%	100.0% #00E5E8	RGB 0 229 232	#00E5E8

#25FFF1 #1EFAEF #18F6EE #12F2EC #0CEDEB #06E9E9 #00E5E8

#25FFF1 - #00E5E8

HSV Blend

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

0.0%	0.0% #24FFF1	RGB 36 255 241	#24FFF1
16.7%	16.7% #1EFBEF	RGB 30 251 239	#1EFBEF
33.3%	33.3% #17F7EE	RGB 23 247 238	#17F7EE
50.0%	50.0% #11F3ED	RGB 17 243 237	#11F3ED
66.7%	66.7% #0BEFEC	RGB 11 239 236	#0BEFEC
83.3%	83.3% #05EBEB	RGB 5 235 235	#05EBEB
100.0%	100.0% #00E5E8	RGB 0 229 232	#00E5E8

#24FFF1 #1EFBEF #17F7EE #11F3ED #0BEFEC #05EBEB #00E5E8

#25FFF1 - #11F3ED - #00E5E8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24FFF1 0%, #11F3ED 50%, #00E5E8 100%);
    background: -webkit-linear-gradient(top, #24FFF1 0%, #11F3ED 50%, #00E5E8 100%);
    background: linear-gradient(to bottom, #24FFF1 0%, #11F3ED 50%, #00E5E8 100%);
}
</style>