#A8FCFB - #2CE0E5 | 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 #2CE0E5

#A8FCFB #2CE0E5

Calculate the color between two colors, #A8FCFB and #2CE0E5. 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 - #2CE0E5 | 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 #2CE0E5 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% #6AEEF0	RGB 106 238 240	#6AEEF0
66.7%	66.7% #55E9EC	RGB 85 233 236	#55E9EC
83.3%	83.3% #40E4E8	RGB 64 228 232	#40E4E8
100.0%	100.0% #2CE0E5	RGB 44 224 229	#2CE0E5

#A8FCFB #93F7F7 #7EF2F3 #6AEEF0 #55E9EC #40E4E8 #2CE0E5

#A8FCFB - #2CE0E5

HSV Blend

#A8FCFB - #2CE0E5 | 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 #2CE0E5 as 100%.

0.0%	0.0% #A8FCFB	RGB 168 252 251	#A8FCFB
16.7%	16.7% #91F8F7	RGB 145 248 247	#91F8F7
33.3%	33.3% #7CF4F4	RGB 124 244 244	#7CF4F4
50.0%	50.0% #67EFF0	RGB 103 239 240	#67EFF0
66.7%	66.7% #52EAEC	RGB 82 234 236	#52EAEC
83.3%	83.3% #3FE5E8	RGB 63 229 232	#3FE5E8
100.0%	100.0% #2CE0E5	RGB 44 224 229	#2CE0E5

#A8FCFB #91F8F7 #7CF4F4 #67EFF0 #52EAEC #3FE5E8 #2CE0E5

#A8FCFB - #67EFF0 - #2CE0E5

CSS codes

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

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