#A1FBDD - #E4FDF4 | 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 #A1FBDD to #E4FDF4

#A1FBDD #E4FDF4

Calculate the color between two colors, #A1FBDD and #E4FDF4. 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)

#A1FBDD - #E4FDF4 | 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 #A1FBDD as 0% and #E4FDF4 as 100%.

0.0%	0.0% #A1FBDD	RGB 161 251 221	#A1FBDD
16.7%	16.7% #ACFBE0	RGB 172 251 224	#ACFBE0
33.3%	33.3% #B7FBE4	RGB 183 251 228	#B7FBE4
50.0%	50.0% #C2FCE8	RGB 194 252 232	#C2FCE8
66.7%	66.7% #CDFCEC	RGB 205 252 236	#CDFCEC
83.3%	83.3% #D8FCF0	RGB 216 252 240	#D8FCF0
100.0%	100.0% #E4FDF4	RGB 228 253 244	#E4FDF4

#A1FBDD #ACFBE0 #B7FBE4 #C2FCE8 #CDFCEC #D8FCF0 #E4FDF4

#A1FBDD - #E4FDF4

HSV Blend

#A1FBDD - #E4FDF4 | 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 #A1FBDD as 0% and #E4FDF4 as 100%.

0.0%	0.0% #A1FBDD	RGB 161 251 221	#A1FBDD
16.7%	16.7% #ACFBE0	RGB 172 251 224	#ACFBE0
33.3%	33.3% #B7FBE4	RGB 183 251 228	#B7FBE4
50.0%	50.0% #C2FCE8	RGB 194 252 232	#C2FCE8
66.7%	66.7% #CDFCEB	RGB 205 252 235	#CDFCEB
83.3%	83.3% #D8FCEF	RGB 216 252 239	#D8FCEF
100.0%	100.0% #E4FDF4	RGB 228 253 244	#E4FDF4

#A1FBDD #ACFBE0 #B7FBE4 #C2FCE8 #CDFCEB #D8FCEF #E4FDF4

#A1FBDD - #C2FCE8 - #E4FDF4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1FBDD 0%, #C2FCE8 50%, #E4FDF4 100%);
    background: -webkit-linear-gradient(top, #A1FBDD 0%, #C2FCE8 50%, #E4FDF4 100%);
    background: linear-gradient(to bottom, #A1FBDD 0%, #C2FCE8 50%, #E4FDF4 100%);
}
</style>