#A1A0FF - #AFFFF5 | 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 #A1A0FF to #AFFFF5

#A1A0FF #AFFFF5

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

#A1A0FF - #AFFFF5 | 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 #A1A0FF as 0% and #AFFFF5 as 100%.

0.0%	0.0% #A1A0FF	RGB 161 160 255	#A1A0FF
16.7%	16.7% #A3AFFD	RGB 163 175 253	#A3AFFD
33.3%	33.3% #A5BFFB	RGB 165 191 251	#A5BFFB
50.0%	50.0% #A8CFFA	RGB 168 207 250	#A8CFFA
66.7%	66.7% #AADFF8	RGB 170 223 248	#AADFF8
83.3%	83.3% #ACEFF6	RGB 172 239 246	#ACEFF6
100.0%	100.0% #AFFFF5	RGB 175 255 245	#AFFFF5

#A1A0FF #A3AFFD #A5BFFB #A8CFFA #AADFF8 #ACEFF6 #AFFFF5

#A1A0FF - #AFFFF5

HSV Blend

#A1A0FF - #AFFFF5 | 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 #A1A0FF as 0% and #AFFFF5 as 100%.

0.0%	0.0% #A0A0FF	RGB 160 160 255	#A0A0FF
16.7%	16.7% #A2B3FF	RGB 162 179 255	#A2B3FF
33.3%	33.3% #A5C6FF	RGB 165 198 255	#A5C6FF
50.0%	50.0% #A7D8FF	RGB 167 216 255	#A7D8FF
66.7%	66.7% #AAE9FF	RGB 170 233 255	#AAE9FF
83.3%	83.3% #ACF9FF	RGB 172 249 255	#ACF9FF
100.0%	100.0% #AFFFF5	RGB 175 255 245	#AFFFF5

#A0A0FF #A2B3FF #A5C6FF #A7D8FF #AAE9FF #ACF9FF #AFFFF5

#A1A0FF - #A7D8FF - #AFFFF5

CSS codes

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

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