#A5B4EB - #E5E9F9 | 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 #A5B4EB to #E5E9F9

#A5B4EB #E5E9F9

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

#A5B4EB - #E5E9F9 | 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 #A5B4EB as 0% and #E5E9F9 as 100%.

0.0%	0.0% #A5B4EB	RGB 165 180 235	#A5B4EB
16.7%	16.7% #AFBCED	RGB 175 188 237	#AFBCED
33.3%	33.3% #BAC5EF	RGB 186 197 239	#BAC5EF
50.0%	50.0% #C5CEF2	RGB 197 206 242	#C5CEF2
66.7%	66.7% #CFD7F4	RGB 207 215 244	#CFD7F4
83.3%	83.3% #DAE0F6	RGB 218 224 246	#DAE0F6
100.0%	100.0% #E5E9F9	RGB 229 233 249	#E5E9F9

#A5B4EB #AFBCED #BAC5EF #C5CEF2 #CFD7F4 #DAE0F6 #E5E9F9

#A5B4EB - #E5E9F9

HSV Blend

#A5B4EB - #E5E9F9 | 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 #A5B4EB as 0% and #E5E9F9 as 100%.

0.0%	0.0% #A5B3EB	RGB 165 179 235	#A5B3EB
16.7%	16.7% #AFBCED	RGB 175 188 237	#AFBCED
33.3%	33.3% #B9C4EF	RGB 185 196 239	#B9C4EF
50.0%	50.0% #C4CDF2	RGB 196 205 242	#C4CDF2
66.7%	66.7% #CED6F4	RGB 206 214 244	#CED6F4
83.3%	83.3% #D9DFF6	RGB 217 223 246	#D9DFF6
100.0%	100.0% #E5E9F9	RGB 229 233 249	#E5E9F9

#A5B3EB #AFBCED #B9C4EF #C4CDF2 #CED6F4 #D9DFF6 #E5E9F9

#A5B4EB - #C4CDF2 - #E5E9F9

CSS codes

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

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