#A8FCFB - #2CE0E3 | 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 #A8FCFB to #2CE0E3

#A8FCFB #2CE0E3

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

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

0.0%	0.0% #A8FCFB	RGB 168 252 251	#A8FCFB
16.7%	16.7% #93F7F7	RGB 147 247 247	#93F7F7
33.3%	33.3% #7EF2F3	RGB 126 242 243	#7EF2F3
50.0%	50.0% #6AEEEF	RGB 106 238 239	#6AEEEF
66.7%	66.7% #55E9EB	RGB 85 233 235	#55E9EB
83.3%	83.3% #40E4E7	RGB 64 228 231	#40E4E7
100.0%	100.0% #2CE0E3	RGB 44 224 227	#2CE0E3

#A8FCFB #93F7F7 #7EF2F3 #6AEEEF #55E9EB #40E4E7 #2CE0E3

#A8FCFB - #2CE0E3

HSV Blend

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

0.0%	0.0% #A8FCFB	RGB 168 252 251	#A8FCFB
16.7%	16.7% #91F7F7	RGB 145 247 247	#91F7F7
33.3%	33.3% #7CF3F3	RGB 124 243 243	#7CF3F3
50.0%	50.0% #67EFEF	RGB 103 239 239	#67EFEF
66.7%	66.7% #52EAEB	RGB 82 234 235	#52EAEB
83.3%	83.3% #3FE5E7	RGB 63 229 231	#3FE5E7
100.0%	100.0% #2CE0E3	RGB 44 224 227	#2CE0E3

#A8FCFB #91F7F7 #7CF3F3 #67EFEF #52EAEB #3FE5E7 #2CE0E3

#A8FCFB - #67EFEF - #2CE0E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8FCFB 0%, #67EFEF 50%, #2CE0E3 100%);
    background: -webkit-linear-gradient(top, #A8FCFB 0%, #67EFEF 50%, #2CE0E3 100%);
    background: linear-gradient(to bottom, #A8FCFB 0%, #67EFEF 50%, #2CE0E3 100%);
}
</style>