#A8AAF7 - #4E5AC6 | 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 #4E5AC6

#A8AAF7 #4E5AC6

Calculate the color between two colors, #A8AAF7 and #4E5AC6. 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 - #4E5AC6 | 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 #4E5AC6 as 100%.

0.0%	0.0% #A8AAF7	RGB 168 170 247	#A8AAF7
16.7%	16.7% #999CEE	RGB 153 156 238	#999CEE
33.3%	33.3% #8A8FE6	RGB 138 143 230	#8A8FE6
50.0%	50.0% #7B82DE	RGB 123 130 222	#7B82DE
66.7%	66.7% #6C74D6	RGB 108 116 214	#6C74D6
83.3%	83.3% #5D67CE	RGB 93 103 206	#5D67CE
100.0%	100.0% #4E5AC6	RGB 78 90 198	#4E5AC6

#A8AAF7 #999CEE #8A8FE6 #7B82DE #6C74D6 #5D67CE #4E5AC6

#A8AAF7 - #4E5AC6

HSV Blend

#A8AAF7 - #4E5AC6 | 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 #4E5AC6 as 100%.

0.0%	0.0% #A8AAF7	RGB 168 170 247	#A8AAF7
16.7%	16.7% #979AEE	RGB 151 154 238	#979AEE
33.3%	33.3% #868BE6	RGB 134 139 230	#868BE6
50.0%	50.0% #777DDE	RGB 119 125 222	#777DDE
66.7%	66.7% #6871D6	RGB 104 113 214	#6871D6
83.3%	83.3% #5B65CE	RGB 91 101 206	#5B65CE
100.0%	100.0% #4E5AC6	RGB 78 90 198	#4E5AC6

#A8AAF7 #979AEE #868BE6 #777DDE #6871D6 #5B65CE #4E5AC6

#A8AAF7 - #777DDE - #4E5AC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AAF7 0%, #777DDE 50%, #4E5AC6 100%);
    background: -webkit-linear-gradient(top, #A8AAF7 0%, #777DDE 50%, #4E5AC6 100%);
    background: linear-gradient(to bottom, #A8AAF7 0%, #777DDE 50%, #4E5AC6 100%);
}
</style>