#ABFFFE - #2EE5E8 | 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 #ABFFFE to #2EE5E8

#ABFFFE #2EE5E8

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

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

0.0%	0.0% #ABFFFE	RGB 171 255 254	#ABFFFE
16.7%	16.7% #96FAFA	RGB 150 250 250	#96FAFA
33.3%	33.3% #81F6F6	RGB 129 246 246	#81F6F6
50.0%	50.0% #6CF2F3	RGB 108 242 243	#6CF2F3
66.7%	66.7% #57EDEF	RGB 87 237 239	#57EDEF
83.3%	83.3% #42E9EB	RGB 66 233 235	#42E9EB
100.0%	100.0% #2EE5E8	RGB 46 229 232	#2EE5E8

#ABFFFE #96FAFA #81F6F6 #6CF2F3 #57EDEF #42E9EB #2EE5E8

#ABFFFE - #2EE5E8

HSV Blend

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

0.0%	0.0% #ABFFFE	RGB 171 255 254	#ABFFFE
16.7%	16.7% #94FBFA	RGB 148 251 250	#94FBFA
33.3%	33.3% #7EF7F7	RGB 126 247 247	#7EF7F7
50.0%	50.0% #69F3F3	RGB 105 243 243	#69F3F3
66.7%	66.7% #55EEEF	RGB 85 238 239	#55EEEF
83.3%	83.3% #41E9EB	RGB 65 233 235	#41E9EB
100.0%	100.0% #2EE5E8	RGB 46 229 232	#2EE5E8

#ABFFFE #94FBFA #7EF7F7 #69F3F3 #55EEEF #41E9EB #2EE5E8

#ABFFFE - #69F3F3 - #2EE5E8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABFFFE 0%, #69F3F3 50%, #2EE5E8 100%);
    background: -webkit-linear-gradient(top, #ABFFFE 0%, #69F3F3 50%, #2EE5E8 100%);
    background: linear-gradient(to bottom, #ABFFFE 0%, #69F3F3 50%, #2EE5E8 100%);
}
</style>