#ABFFFF - #2EE5E9 | 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 #ABFFFF to #2EE5E9

#ABFFFF #2EE5E9

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

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

0.0%	0.0% #ABFFFF	RGB 171 255 255	#ABFFFF
16.7%	16.7% #96FAFB	RGB 150 250 251	#96FAFB
33.3%	33.3% #81F6F7	RGB 129 246 247	#81F6F7
50.0%	50.0% #6CF2F4	RGB 108 242 244	#6CF2F4
66.7%	66.7% #57EDF0	RGB 87 237 240	#57EDF0
83.3%	83.3% #42E9EC	RGB 66 233 236	#42E9EC
100.0%	100.0% #2EE5E9	RGB 46 229 233	#2EE5E9

#ABFFFF #96FAFB #81F6F7 #6CF2F4 #57EDF0 #42E9EC #2EE5E9

#ABFFFF - #2EE5E9

HSV Blend

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

0.0%	0.0% #ABFFFF	RGB 171 255 255	#ABFFFF
16.7%	16.7% #94FAFB	RGB 148 250 251	#94FAFB
33.3%	33.3% #7FF6F7	RGB 127 246 247	#7FF6F7
50.0%	50.0% #69F2F4	RGB 105 242 244	#69F2F4
66.7%	66.7% #55EEF0	RGB 85 238 240	#55EEF0
83.3%	83.3% #41E9EC	RGB 65 233 236	#41E9EC
100.0%	100.0% #2EE5E9	RGB 46 229 233	#2EE5E9

#ABFFFF #94FAFB #7FF6F7 #69F2F4 #55EEF0 #41E9EC #2EE5E9

#ABFFFF - #69F2F4 - #2EE5E9

CSS codes

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

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