#A8ABF7 - #4152C6 | 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 #A8ABF7 to #4152C6

#A8ABF7 #4152C6

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

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

0.0%	0.0% #A8ABF7	RGB 168 171 247	#A8ABF7
16.7%	16.7% #969CEE	RGB 150 156 238	#969CEE
33.3%	33.3% #858DE6	RGB 133 141 230	#858DE6
50.0%	50.0% #747EDE	RGB 116 126 222	#747EDE
66.7%	66.7% #636FD6	RGB 99 111 214	#636FD6
83.3%	83.3% #5260CE	RGB 82 96 206	#5260CE
100.0%	100.0% #4152C6	RGB 65 82 198	#4152C6

#A8ABF7 #969CEE #858DE6 #747EDE #636FD6 #5260CE #4152C6

#A8ABF7 - #4152C6

HSV Blend

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

0.0%	0.0% #A8ABF7	RGB 168 171 247	#A8ABF7
16.7%	16.7% #9499EE	RGB 148 153 238	#9499EE
33.3%	33.3% #8188E6	RGB 129 136 230	#8188E6
50.0%	50.0% #7079DE	RGB 112 121 222	#7079DE
66.7%	66.7% #5F6BD6	RGB 95 107 214	#5F6BD6
83.3%	83.3% #4F5ECE	RGB 79 94 206	#4F5ECE
100.0%	100.0% #4152C6	RGB 65 82 198	#4152C6

#A8ABF7 #9499EE #8188E6 #7079DE #5F6BD6 #4F5ECE #4152C6

#A8ABF7 - #7079DE - #4152C6

CSS codes

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

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