#A5AFEB - #E5E8F9 | 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 #A5AFEB to #E5E8F9

#A5AFEB #E5E8F9

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

#A5AFEB - #E5E8F9 | 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 #A5AFEB as 0% and #E5E8F9 as 100%.

0.0%	0.0% #A5AFEB	RGB 165 175 235	#A5AFEB
16.7%	16.7% #AFB8ED	RGB 175 184 237	#AFB8ED
33.3%	33.3% #BAC2EF	RGB 186 194 239	#BAC2EF
50.0%	50.0% #C5CBF2	RGB 197 203 242	#C5CBF2
66.7%	66.7% #CFD5F4	RGB 207 213 244	#CFD5F4
83.3%	83.3% #DADEF6	RGB 218 222 246	#DADEF6
100.0%	100.0% #E5E8F9	RGB 229 232 249	#E5E8F9

#A5AFEB #AFB8ED #BAC2EF #C5CBF2 #CFD5F4 #DADEF6 #E5E8F9

#A5AFEB - #E5E8F9

HSV Blend

#A5AFEB - #E5E8F9 | 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 #A5AFEB as 0% and #E5E8F9 as 100%.

0.0%	0.0% #A5AFEB	RGB 165 175 235	#A5AFEB
16.7%	16.7% #AFB8ED	RGB 175 184 237	#AFB8ED
33.3%	33.3% #B9C1EF	RGB 185 193 239	#B9C1EF
50.0%	50.0% #C4CAF2	RGB 196 202 242	#C4CAF2
66.7%	66.7% #CED4F4	RGB 206 212 244	#CED4F4
83.3%	83.3% #D9DEF6	RGB 217 222 246	#D9DEF6
100.0%	100.0% #E5E8F9	RGB 229 232 249	#E5E8F9

#A5AFEB #AFB8ED #B9C1EF #C4CAF2 #CED4F4 #D9DEF6 #E5E8F9

#A5AFEB - #C4CAF2 - #E5E8F9

CSS codes

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

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