#A8A8F4 - #414FC1 | 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 #A8A8F4 to #414FC1

#A8A8F4 #414FC1

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

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

0.0%	0.0% #A8A8F4	RGB 168 168 244	#A8A8F4
16.7%	16.7% #9699EB	RGB 150 153 235	#9699EB
33.3%	33.3% #858AE3	RGB 133 138 227	#858AE3
50.0%	50.0% #747BDA	RGB 116 123 218	#747BDA
66.7%	66.7% #636CD2	RGB 99 108 210	#636CD2
83.3%	83.3% #525DC9	RGB 82 93 201	#525DC9
100.0%	100.0% #414FC1	RGB 65 79 193	#414FC1

#A8A8F4 #9699EB #858AE3 #747BDA #636CD2 #525DC9 #414FC1

#A8A8F4 - #414FC1

HSV Blend

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

0.0%	0.0% #A8A8F4	RGB 168 168 244	#A8A8F4
16.7%	16.7% #9495EB	RGB 148 149 235	#9495EB
33.3%	33.3% #8185E3	RGB 129 133 227	#8185E3
50.0%	50.0% #7075DA	RGB 112 117 218	#7075DA
66.7%	66.7% #5F67D2	RGB 95 103 210	#5F67D2
83.3%	83.3% #4F5AC9	RGB 79 90 201	#4F5AC9
100.0%	100.0% #414FC1	RGB 65 79 193	#414FC1

#A8A8F4 #9495EB #8185E3 #7075DA #5F67D2 #4F5AC9 #414FC1

#A8A8F4 - #7075DA - #414FC1

CSS codes

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

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