#A8A8F6 - #414FC4 | 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 #A8A8F6 to #414FC4

#A8A8F6 #414FC4

Calculate the color between two colors, #A8A8F6 and #414FC4. 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)

#A8A8F6 - #414FC4 | 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 #A8A8F6 as 0% and #414FC4 as 100%.

0.0%	0.0% #A8A8F6	RGB 168 168 246	#A8A8F6
16.7%	16.7% #9699ED	RGB 150 153 237	#9699ED
33.3%	33.3% #858AE5	RGB 133 138 229	#858AE5
50.0%	50.0% #747BDD	RGB 116 123 221	#747BDD
66.7%	66.7% #636CD4	RGB 99 108 212	#636CD4
83.3%	83.3% #525DCC	RGB 82 93 204	#525DCC
100.0%	100.0% #414FC4	RGB 65 79 196	#414FC4

#A8A8F6 #9699ED #858AE5 #747BDD #636CD4 #525DCC #414FC4

#A8A8F6 - #414FC4

HSV Blend

#A8A8F6 - #414FC4 | 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 #A8A8F6 as 0% and #414FC4 as 100%.

0.0%	0.0% #A8A8F6	RGB 168 168 246	#A8A8F6
16.7%	16.7% #9495ED	RGB 148 149 237	#9495ED
33.3%	33.3% #8185E5	RGB 129 133 229	#8185E5
50.0%	50.0% #7075DD	RGB 112 117 221	#7075DD
66.7%	66.7% #5F67D4	RGB 95 103 212	#5F67D4
83.3%	83.3% #4F5ACC	RGB 79 90 204	#4F5ACC
100.0%	100.0% #414FC4	RGB 65 79 196	#414FC4

#A8A8F6 #9495ED #8185E5 #7075DD #5F67D4 #4F5ACC #414FC4

#A8A8F6 - #7075DD - #414FC4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A8F6 0%, #7075DD 50%, #414FC4 100%);
    background: -webkit-linear-gradient(top, #A8A8F6 0%, #7075DD 50%, #414FC4 100%);
    background: linear-gradient(to bottom, #A8A8F6 0%, #7075DD 50%, #414FC4 100%);
}
</style>