#A2FAFA - #E4FDFD | 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 #A2FAFA to #E4FDFD

#A2FAFA #E4FDFD

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

#A2FAFA - #E4FDFD | 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 #A2FAFA as 0% and #E4FDFD as 100%.

0.0%	0.0% #A2FAFA	RGB 162 250 250	#A2FAFA
16.7%	16.7% #ADFAFA	RGB 173 250 250	#ADFAFA
33.3%	33.3% #B8FBFB	RGB 184 251 251	#B8FBFB
50.0%	50.0% #C3FBFB	RGB 195 251 251	#C3FBFB
66.7%	66.7% #CEFCFC	RGB 206 252 252	#CEFCFC
83.3%	83.3% #D9FCFC	RGB 217 252 252	#D9FCFC
100.0%	100.0% #E4FDFD	RGB 228 253 253	#E4FDFD

#A2FAFA #ADFAFA #B8FBFB #C3FBFB #CEFCFC #D9FCFC #E4FDFD

#A2FAFA - #E4FDFD

HSV Blend

#A2FAFA - #E4FDFD | 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 #A2FAFA as 0% and #E4FDFD as 100%.

0.0%	0.0% #A2FAFA	RGB 162 250 250	#A2FAFA
16.7%	16.7% #ACFAFA	RGB 172 250 250	#ACFAFA
33.3%	33.3% #B7FBFB	RGB 183 251 251	#B7FBFB
50.0%	50.0% #C2FBFB	RGB 194 251 251	#C2FBFB
66.7%	66.7% #CDFCFC	RGB 205 252 252	#CDFCFC
83.3%	83.3% #D8FCFC	RGB 216 252 252	#D8FCFC
100.0%	100.0% #E4FDFD	RGB 228 253 253	#E4FDFD

#A2FAFA #ACFAFA #B7FBFB #C2FBFB #CDFCFC #D8FCFC #E4FDFD

#A2FAFA - #C2FBFB - #E4FDFD

CSS codes

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

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