#A2D9FF - #E4F3FF | 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 #A2D9FF to #E4F3FF

#A2D9FF #E4F3FF

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

#A2D9FF - #E4F3FF | 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 #A2D9FF as 0% and #E4F3FF as 100%.

0.0%	0.0% #A2D9FF	RGB 162 217 255	#A2D9FF
16.7%	16.7% #ADDDFF	RGB 173 221 255	#ADDDFF
33.3%	33.3% #B8E1FF	RGB 184 225 255	#B8E1FF
50.0%	50.0% #C3E6FF	RGB 195 230 255	#C3E6FF
66.7%	66.7% #CEEAFF	RGB 206 234 255	#CEEAFF
83.3%	83.3% #D9EEFF	RGB 217 238 255	#D9EEFF
100.0%	100.0% #E4F3FF	RGB 228 243 255	#E4F3FF

#A2D9FF #ADDDFF #B8E1FF #C3E6FF #CEEAFF #D9EEFF #E4F3FF

#A2D9FF - #E4F3FF

HSV Blend

#A2D9FF - #E4F3FF | 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 #A2D9FF as 0% and #E4F3FF as 100%.

0.0%	0.0% #A2D9FF	RGB 162 217 255	#A2D9FF
16.7%	16.7% #ADDDFF	RGB 173 221 255	#ADDDFF
33.3%	33.3% #B8E1FF	RGB 184 225 255	#B8E1FF
50.0%	50.0% #C3E5FF	RGB 195 229 255	#C3E5FF
66.7%	66.7% #CEE9FF	RGB 206 233 255	#CEE9FF
83.3%	83.3% #D9EEFF	RGB 217 238 255	#D9EEFF
100.0%	100.0% #E4F3FF	RGB 228 243 255	#E4F3FF

#A2D9FF #ADDDFF #B8E1FF #C3E5FF #CEE9FF #D9EEFF #E4F3FF

#A2D9FF - #C3E5FF - #E4F3FF

CSS codes

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

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