#A8AAF7 - #4151C6 | 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 #A8AAF7 to #4151C6

#A8AAF7 #4151C6

Calculate the color between two colors, #A8AAF7 and #4151C6. 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)

#A8AAF7 - #4151C6 | 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 #A8AAF7 as 0% and #4151C6 as 100%.

0.0%	0.0% #A8AAF7	RGB 168 170 247	#A8AAF7
16.7%	16.7% #969BEE	RGB 150 155 238	#969BEE
33.3%	33.3% #858CE6	RGB 133 140 230	#858CE6
50.0%	50.0% #747DDE	RGB 116 125 222	#747DDE
66.7%	66.7% #636ED6	RGB 99 110 214	#636ED6
83.3%	83.3% #525FCE	RGB 82 95 206	#525FCE
100.0%	100.0% #4151C6	RGB 65 81 198	#4151C6

#A8AAF7 #969BEE #858CE6 #747DDE #636ED6 #525FCE #4151C6

#A8AAF7 - #4151C6

HSV Blend

#A8AAF7 - #4151C6 | 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 #A8AAF7 as 0% and #4151C6 as 100%.

0.0%	0.0% #A8AAF7	RGB 168 170 247	#A8AAF7
16.7%	16.7% #9498EE	RGB 148 152 238	#9498EE
33.3%	33.3% #8187E6	RGB 129 135 230	#8187E6
50.0%	50.0% #7078DE	RGB 112 120 222	#7078DE
66.7%	66.7% #5F6AD6	RGB 95 106 214	#5F6AD6
83.3%	83.3% #4F5CCE	RGB 79 92 206	#4F5CCE
100.0%	100.0% #4151C6	RGB 65 81 198	#4151C6

#A8AAF7 #9498EE #8187E6 #7078DE #5F6AD6 #4F5CCE #4151C6

#A8AAF7 - #7078DE - #4151C6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AAF7 0%, #7078DE 50%, #4151C6 100%);
    background: -webkit-linear-gradient(top, #A8AAF7 0%, #7078DE 50%, #4151C6 100%);
    background: linear-gradient(to bottom, #A8AAF7 0%, #7078DE 50%, #4151C6 100%);
}
</style>