#A0AEE3 - #E3E7F7 | 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 #A0AEE3 to #E3E7F7

#A0AEE3 #E3E7F7

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

#A0AEE3 - #E3E7F7 | 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 #A0AEE3 as 0% and #E3E7F7 as 100%.

0.0%	0.0% #A0AEE3	RGB 160 174 227	#A0AEE3
16.7%	16.7% #ABB7E6	RGB 171 183 230	#ABB7E6
33.3%	33.3% #B6C1E9	RGB 182 193 233	#B6C1E9
50.0%	50.0% #C1CAED	RGB 193 202 237	#C1CAED
66.7%	66.7% #CCD4F0	RGB 204 212 240	#CCD4F0
83.3%	83.3% #D7DDF3	RGB 215 221 243	#D7DDF3
100.0%	100.0% #E3E7F7	RGB 227 231 247	#E3E7F7

#A0AEE3 #ABB7E6 #B6C1E9 #C1CAED #CCD4F0 #D7DDF3 #E3E7F7

#A0AEE3 - #E3E7F7

HSV Blend

#A0AEE3 - #E3E7F7 | 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 #A0AEE3 as 0% and #E3E7F7 as 100%.

0.0%	0.0% #A0ADE3	RGB 160 173 227	#A0ADE3
16.7%	16.7% #AAB6E6	RGB 170 182 230	#AAB6E6
33.3%	33.3% #B5C0E9	RGB 181 192 233	#B5C0E9
50.0%	50.0% #C0C9ED	RGB 192 201 237	#C0C9ED
66.7%	66.7% #CBD3F0	RGB 203 211 240	#CBD3F0
83.3%	83.3% #D7DCF3	RGB 215 220 243	#D7DCF3
100.0%	100.0% #E3E7F7	RGB 227 231 247	#E3E7F7

#A0ADE3 #AAB6E6 #B5C0E9 #C0C9ED #CBD3F0 #D7DCF3 #E3E7F7

#A0AEE3 - #C0C9ED - #E3E7F7

CSS codes

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

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