#ABA8FF - #5A48D9 | 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 #ABA8FF to #5A48D9

#ABA8FF #5A48D9

Calculate the color between two colors, #ABA8FF and #5A48D9. 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)

#ABA8FF - #5A48D9 | 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 #ABA8FF as 0% and #5A48D9 as 100%.

0.0%	0.0% #ABA8FF	RGB 171 168 255	#ABA8FF
16.7%	16.7% #9D98F8	RGB 157 152 248	#9D98F8
33.3%	33.3% #9088F2	RGB 144 136 242	#9088F2
50.0%	50.0% #8278EC	RGB 130 120 236	#8278EC
66.7%	66.7% #7568E5	RGB 117 104 229	#7568E5
83.3%	83.3% #6758DF	RGB 103 88 223	#6758DF
100.0%	100.0% #5A48D9	RGB 90 72 217	#5A48D9

#ABA8FF #9D98F8 #9088F2 #8278EC #7568E5 #6758DF #5A48D9

#ABA8FF - #5A48D9

HSV Blend

#ABA8FF - #5A48D9 | 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 #ABA8FF as 0% and #5A48D9 as 100%.

0.0%	0.0% #AAA8FF	RGB 170 168 255	#AAA8FF
16.7%	16.7% #9B96F8	RGB 155 150 248	#9B96F8
33.3%	33.3% #8C85F2	RGB 140 133 242	#8C85F2
50.0%	50.0% #7E74EC	RGB 126 116 236	#7E74EC
66.7%	66.7% #7165E5	RGB 113 101 229	#7165E5
83.3%	83.3% #6556DF	RGB 101 86 223	#6556DF
100.0%	100.0% #5A48D9	RGB 90 72 217	#5A48D9

#AAA8FF #9B96F8 #8C85F2 #7E74EC #7165E5 #6556DF #5A48D9

#ABA8FF - #7E74EC - #5A48D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAA8FF 0%, #7E74EC 50%, #5A48D9 100%);
    background: -webkit-linear-gradient(top, #AAA8FF 0%, #7E74EC 50%, #5A48D9 100%);
    background: linear-gradient(to bottom, #AAA8FF 0%, #7E74EC 50%, #5A48D9 100%);
}
</style>