#A6B5FF - #E5E9FF | 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 #A6B5FF to #E5E9FF

#A6B5FF #E5E9FF

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

#A6B5FF - #E5E9FF | 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 #A6B5FF as 0% and #E5E9FF as 100%.

0.0%	0.0% #A6B5FF	RGB 166 181 255	#A6B5FF
16.7%	16.7% #B0BDFF	RGB 176 189 255	#B0BDFF
33.3%	33.3% #BBC6FF	RGB 187 198 255	#BBC6FF
50.0%	50.0% #C5CFFF	RGB 197 207 255	#C5CFFF
66.7%	66.7% #D0D7FF	RGB 208 215 255	#D0D7FF
83.3%	83.3% #DAE0FF	RGB 218 224 255	#DAE0FF
100.0%	100.0% #E5E9FF	RGB 229 233 255	#E5E9FF

#A6B5FF #B0BDFF #BBC6FF #C5CFFF #D0D7FF #DAE0FF #E5E9FF

#A6B5FF - #E5E9FF

HSV Blend

#A6B5FF - #E5E9FF | 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 #A6B5FF as 0% and #E5E9FF as 100%.

0.0%	0.0% #A6B4FF	RGB 166 180 255	#A6B4FF
16.7%	16.7% #B0BDFF	RGB 176 189 255	#B0BDFF
33.3%	33.3% #BBC6FF	RGB 187 198 255	#BBC6FF
50.0%	50.0% #C5CEFF	RGB 197 206 255	#C5CEFF
66.7%	66.7% #D0D7FF	RGB 208 215 255	#D0D7FF
83.3%	83.3% #DAE0FF	RGB 218 224 255	#DAE0FF
100.0%	100.0% #E5E9FF	RGB 229 233 255	#E5E9FF

#A6B4FF #B0BDFF #BBC6FF #C5CEFF #D0D7FF #DAE0FF #E5E9FF

#A6B5FF - #C5CEFF - #E5E9FF

CSS codes

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

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