#AEC2FF - #E7EDFF | 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 #AEC2FF to #E7EDFF

#AEC2FF #E7EDFF

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

#AEC2FF - #E7EDFF | 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 #AEC2FF as 0% and #E7EDFF as 100%.

0.0%	0.0% #AEC2FF	RGB 174 194 255	#AEC2FF
16.7%	16.7% #B7C9FF	RGB 183 201 255	#B7C9FF
33.3%	33.3% #C1D0FF	RGB 193 208 255	#C1D0FF
50.0%	50.0% #CAD7FF	RGB 202 215 255	#CAD7FF
66.7%	66.7% #D4DEFF	RGB 212 222 255	#D4DEFF
83.3%	83.3% #DDE5FF	RGB 221 229 255	#DDE5FF
100.0%	100.0% #E7EDFF	RGB 231 237 255	#E7EDFF

#AEC2FF #B7C9FF #C1D0FF #CAD7FF #D4DEFF #DDE5FF #E7EDFF

#AEC2FF - #E7EDFF

HSV Blend

#AEC2FF - #E7EDFF | 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 #AEC2FF as 0% and #E7EDFF as 100%.

0.0%	0.0% #AEC2FF	RGB 174 194 255	#AEC2FF
16.7%	16.7% #B7C9FF	RGB 183 201 255	#B7C9FF
33.3%	33.3% #C1D0FF	RGB 193 208 255	#C1D0FF
50.0%	50.0% #CAD7FF	RGB 202 215 255	#CAD7FF
66.7%	66.7% #D4DEFF	RGB 212 222 255	#D4DEFF
83.3%	83.3% #DDE5FF	RGB 221 229 255	#DDE5FF
100.0%	100.0% #E7EDFF	RGB 231 237 255	#E7EDFF

#AEC2FF #B7C9FF #C1D0FF #CAD7FF #D4DEFF #DDE5FF #E7EDFF

#AEC2FF - #CAD7FF - #E7EDFF

CSS codes

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

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