#A1A8FF - #E4E4FF | 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 #A1A8FF to #E4E4FF

#A1A8FF #E4E4FF

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

#A1A8FF - #E4E4FF | 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 #A1A8FF as 0% and #E4E4FF as 100%.

0.0%	0.0% #A1A8FF	RGB 161 168 255	#A1A8FF
16.7%	16.7% #ACB2FF	RGB 172 178 255	#ACB2FF
33.3%	33.3% #B7BCFF	RGB 183 188 255	#B7BCFF
50.0%	50.0% #C2C6FF	RGB 194 198 255	#C2C6FF
66.7%	66.7% #CDD0FF	RGB 205 208 255	#CDD0FF
83.3%	83.3% #D8DAFF	RGB 216 218 255	#D8DAFF
100.0%	100.0% #E4E4FF	RGB 228 228 255	#E4E4FF

#A1A8FF #ACB2FF #B7BCFF #C2C6FF #CDD0FF #D8DAFF #E4E4FF

#A1A8FF - #E4E4FF

HSV Blend

#A1A8FF - #E4E4FF | 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 #A1A8FF as 0% and #E4E4FF as 100%.

0.0%	0.0% #A1A8FF	RGB 161 168 255	#A1A8FF
16.7%	16.7% #ACB1FF	RGB 172 177 255	#ACB1FF
33.3%	33.3% #B7BAFF	RGB 183 186 255	#B7BAFF
50.0%	50.0% #C2C4FF	RGB 194 196 255	#C2C4FF
66.7%	66.7% #CDCEFF	RGB 205 206 255	#CDCEFF
83.3%	83.3% #D8D9FF	RGB 216 217 255	#D8D9FF
100.0%	100.0% #E4E4FF	RGB 228 228 255	#E4E4FF

#A1A8FF #ACB1FF #B7BAFF #C2C4FF #CDCEFF #D8D9FF #E4E4FF

#A1A8FF - #C2C4FF - #E4E4FF

CSS codes

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

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