#A8AAD4 - #474A8F | 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 #A8AAD4 to #474A8F

#A8AAD4 #474A8F

Calculate the color between two colors, #A8AAD4 and #474A8F. 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)

#A8AAD4 - #474A8F | 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 #A8AAD4 as 0% and #474A8F as 100%.

0.0%	0.0% #A8AAD4	RGB 168 170 212	#A8AAD4
16.7%	16.7% #979AC8	RGB 151 154 200	#979AC8
33.3%	33.3% #878ABD	RGB 135 138 189	#878ABD
50.0%	50.0% #777AB1	RGB 119 122 177	#777AB1
66.7%	66.7% #676AA6	RGB 103 106 166	#676AA6
83.3%	83.3% #575A9A	RGB 87 90 154	#575A9A
100.0%	100.0% #474A8F	RGB 71 74 143	#474A8F

#A8AAD4 #979AC8 #878ABD #777AB1 #676AA6 #575A9A #474A8F

#A8AAD4 - #474A8F

HSV Blend

#A8AAD4 - #474A8F | 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 #A8AAD4 as 0% and #474A8F as 100%.

0.0%	0.0% #A8A9D4	RGB 168 169 212	#A8A9D4
16.7%	16.7% #9497C8	RGB 148 151 200	#9497C8
33.3%	33.3% #8385BD	RGB 131 133 189	#8385BD
50.0%	50.0% #7275B1	RGB 114 117 177	#7275B1
66.7%	66.7% #6265A6	RGB 98 101 166	#6265A6
83.3%	83.3% #54579A	RGB 84 87 154	#54579A
100.0%	100.0% #474A8F	RGB 71 74 143	#474A8F

#A8A9D4 #9497C8 #8385BD #7275B1 #6265A6 #54579A #474A8F

#A8AAD4 - #7275B1 - #474A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A9D4 0%, #7275B1 50%, #474A8F 100%);
    background: -webkit-linear-gradient(top, #A8A9D4 0%, #7275B1 50%, #474A8F 100%);
    background: linear-gradient(to bottom, #A8A9D4 0%, #7275B1 50%, #474A8F 100%);
}
</style>