#A6B5FE - #E5E9FE | 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 #A6B5FE to #E5E9FE

#A6B5FE #E5E9FE

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

#A6B5FE - #E5E9FE | 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 #A6B5FE as 0% and #E5E9FE as 100%.

0.0%	0.0% #A6B5FE	RGB 166 181 254	#A6B5FE
16.7%	16.7% #B0BDFE	RGB 176 189 254	#B0BDFE
33.3%	33.3% #BBC6FE	RGB 187 198 254	#BBC6FE
50.0%	50.0% #C5CFFE	RGB 197 207 254	#C5CFFE
66.7%	66.7% #D0D7FE	RGB 208 215 254	#D0D7FE
83.3%	83.3% #DAE0FE	RGB 218 224 254	#DAE0FE
100.0%	100.0% #E5E9FE	RGB 229 233 254	#E5E9FE

#A6B5FE #B0BDFE #BBC6FE #C5CFFE #D0D7FE #DAE0FE #E5E9FE

#A6B5FE - #E5E9FE

HSV Blend

#A6B5FE - #E5E9FE | 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 #A6B5FE as 0% and #E5E9FE as 100%.

0.0%	0.0% #A6B5FE	RGB 166 181 254	#A6B5FE
16.7%	16.7% #B0BDFE	RGB 176 189 254	#B0BDFE
33.3%	33.3% #BBC6FE	RGB 187 198 254	#BBC6FE
50.0%	50.0% #C5CEFE	RGB 197 206 254	#C5CEFE
66.7%	66.7% #D0D7FE	RGB 208 215 254	#D0D7FE
83.3%	83.3% #DAE0FE	RGB 218 224 254	#DAE0FE
100.0%	100.0% #E5E9FE	RGB 229 233 254	#E5E9FE

#A6B5FE #B0BDFE #BBC6FE #C5CEFE #D0D7FE #DAE0FE #E5E9FE

#A6B5FE - #C5CEFE - #E5E9FE

CSS codes

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

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