#A1AEE9 - #4159B1 | 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 #A1AEE9 to #4159B1

#A1AEE9 #4159B1

Calculate the color between two colors, #A1AEE9 and #4159B1. 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)

#A1AEE9 - #4159B1 | 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 #A1AEE9 as 0% and #4159B1 as 100%.

0.0%	0.0% #A1AEE9	RGB 161 174 233	#A1AEE9
16.7%	16.7% #919FDF	RGB 145 159 223	#919FDF
33.3%	33.3% #8191D6	RGB 129 145 214	#8191D6
50.0%	50.0% #7183CD	RGB 113 131 205	#7183CD
66.7%	66.7% #6175C3	RGB 97 117 195	#6175C3
83.3%	83.3% #5167BA	RGB 81 103 186	#5167BA
100.0%	100.0% #4159B1	RGB 65 89 177	#4159B1

#A1AEE9 #919FDF #8191D6 #7183CD #6175C3 #5167BA #4159B1

#A1AEE9 - #4159B1

HSV Blend

#A1AEE9 - #4159B1 | 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 #A1AEE9 as 0% and #4159B1 as 100%.

0.0%	0.0% #A1AEE9	RGB 161 174 233	#A1AEE9
16.7%	16.7% #8E9DDF	RGB 142 157 223	#8E9DDF
33.3%	33.3% #7C8ED6	RGB 124 142 214	#7C8ED6
50.0%	50.0% #6C7FCD	RGB 108 127 205	#6C7FCD
66.7%	66.7% #5C71C3	RGB 92 113 195	#5C71C3
83.3%	83.3% #4E64BA	RGB 78 100 186	#4E64BA
100.0%	100.0% #4159B1	RGB 65 89 177	#4159B1

#A1AEE9 #8E9DDF #7C8ED6 #6C7FCD #5C71C3 #4E64BA #4159B1

#A1AEE9 - #6C7FCD - #4159B1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1AEE9 0%, #6C7FCD 50%, #4159B1 100%);
    background: -webkit-linear-gradient(top, #A1AEE9 0%, #6C7FCD 50%, #4159B1 100%);
    background: linear-gradient(to bottom, #A1AEE9 0%, #6C7FCD 50%, #4159B1 100%);
}
</style>