#A9A8FF - #5748D9 | 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 #A9A8FF to #5748D9

#A9A8FF #5748D9

Calculate the color between two colors, #A9A8FF and #5748D9. 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)

#A9A8FF - #5748D9 | 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 #A9A8FF as 0% and #5748D9 as 100%.

0.0%	0.0% #A9A8FF	RGB 169 168 255	#A9A8FF
16.7%	16.7% #9B98F8	RGB 155 152 248	#9B98F8
33.3%	33.3% #8D88F2	RGB 141 136 242	#8D88F2
50.0%	50.0% #8078EC	RGB 128 120 236	#8078EC
66.7%	66.7% #7268E5	RGB 114 104 229	#7268E5
83.3%	83.3% #6458DF	RGB 100 88 223	#6458DF
100.0%	100.0% #5748D9	RGB 87 72 217	#5748D9

#A9A8FF #9B98F8 #8D88F2 #8078EC #7268E5 #6458DF #5748D9

#A9A8FF - #5748D9

HSV Blend

#A9A8FF - #5748D9 | 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 #A9A8FF as 0% and #5748D9 as 100%.

0.0%	0.0% #A9A8FF	RGB 169 168 255	#A9A8FF
16.7%	16.7% #9896F8	RGB 152 150 248	#9896F8
33.3%	33.3% #8985F2	RGB 137 133 242	#8985F2
50.0%	50.0% #7B74EC	RGB 123 116 236	#7B74EC
66.7%	66.7% #6E65E5	RGB 110 101 229	#6E65E5
83.3%	83.3% #6256DF	RGB 98 86 223	#6256DF
100.0%	100.0% #5748D9	RGB 87 72 217	#5748D9

#A9A8FF #9896F8 #8985F2 #7B74EC #6E65E5 #6256DF #5748D9

#A9A8FF - #7B74EC - #5748D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A9A8FF 0%, #7B74EC 50%, #5748D9 100%);
    background: -webkit-linear-gradient(top, #A9A8FF 0%, #7B74EC 50%, #5748D9 100%);
    background: linear-gradient(to bottom, #A9A8FF 0%, #7B74EC 50%, #5748D9 100%);
}
</style>