#A8F3EC - #3ABBB5 | 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 #A8F3EC to #3ABBB5

#A8F3EC #3ABBB5

Calculate the color between two colors, #A8F3EC and #3ABBB5. 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)

#A8F3EC - #3ABBB5 | 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 #A8F3EC as 0% and #3ABBB5 as 100%.

0.0%	0.0% #A8F3EC	RGB 168 243 236	#A8F3EC
16.7%	16.7% #95E9E2	RGB 149 233 226	#95E9E2
33.3%	33.3% #83E0D9	RGB 131 224 217	#83E0D9
50.0%	50.0% #71D7D0	RGB 113 215 208	#71D7D0
66.7%	66.7% #5ECDC7	RGB 94 205 199	#5ECDC7
83.3%	83.3% #4CC4BE	RGB 76 196 190	#4CC4BE
100.0%	100.0% #3ABBB5	RGB 58 187 181	#3ABBB5

#A8F3EC #95E9E2 #83E0D9 #71D7D0 #5ECDC7 #4CC4BE #3ABBB5

#A8F3EC - #3ABBB5

HSV Blend

#A8F3EC - #3ABBB5 | 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 #A8F3EC as 0% and #3ABBB5 as 100%.

0.0%	0.0% #A8F3EC	RGB 168 243 236	#A8F3EC
16.7%	16.7% #92E9E2	RGB 146 233 226	#92E9E2
33.3%	33.3% #7EE0D8	RGB 126 224 216	#7EE0D8
50.0%	50.0% #6BD7CF	RGB 107 215 207	#6BD7CF
66.7%	66.7% #59CDC6	RGB 89 205 198	#59CDC6
83.3%	83.3% #49C4BD	RGB 73 196 189	#49C4BD
100.0%	100.0% #3ABBB5	RGB 58 187 181	#3ABBB5

#A8F3EC #92E9E2 #7EE0D8 #6BD7CF #59CDC6 #49C4BD #3ABBB5

#A8F3EC - #6BD7CF - #3ABBB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8F3EC 0%, #6BD7CF 50%, #3ABBB5 100%);
    background: -webkit-linear-gradient(top, #A8F3EC 0%, #6BD7CF 50%, #3ABBB5 100%);
    background: linear-gradient(to bottom, #A8F3EC 0%, #6BD7CF 50%, #3ABBB5 100%);
}
</style>