#A1FBC2 - #E4FDEC | 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 #A1FBC2 to #E4FDEC

#A1FBC2 #E4FDEC

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

#A1FBC2 - #E4FDEC | 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 #A1FBC2 as 0% and #E4FDEC as 100%.

0.0%	0.0% #A1FBC2	RGB 161 251 194	#A1FBC2
16.7%	16.7% #ACFBC9	RGB 172 251 201	#ACFBC9
33.3%	33.3% #B7FBD0	RGB 183 251 208	#B7FBD0
50.0%	50.0% #C2FCD7	RGB 194 252 215	#C2FCD7
66.7%	66.7% #CDFCDE	RGB 205 252 222	#CDFCDE
83.3%	83.3% #D8FCE5	RGB 216 252 229	#D8FCE5
100.0%	100.0% #E4FDEC	RGB 228 253 236	#E4FDEC

#A1FBC2 #ACFBC9 #B7FBD0 #C2FCD7 #CDFCDE #D8FCE5 #E4FDEC

#A1FBC2 - #E4FDEC

HSV Blend

#A1FBC2 - #E4FDEC | 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 #A1FBC2 as 0% and #E4FDEC as 100%.

0.0%	0.0% #A1FBC2	RGB 161 251 194	#A1FBC2
16.7%	16.7% #ACFBC8	RGB 172 251 200	#ACFBC8
33.3%	33.3% #B7FBCF	RGB 183 251 207	#B7FBCF
50.0%	50.0% #C2FCD6	RGB 194 252 214	#C2FCD6
66.7%	66.7% #CDFCDD	RGB 205 252 221	#CDFCDD
83.3%	83.3% #D8FCE4	RGB 216 252 228	#D8FCE4
100.0%	100.0% #E4FDEC	RGB 228 253 236	#E4FDEC

#A1FBC2 #ACFBC8 #B7FBCF #C2FCD6 #CDFCDD #D8FCE4 #E4FDEC

#A1FBC2 - #C2FCD6 - #E4FDEC

CSS codes

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

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