#A9A8CC - #554D9C | 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 #A9A8CC to #554D9C

#A9A8CC #554D9C

Calculate the color between two colors, #A9A8CC and #554D9C. 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)

#A9A8CC - #554D9C | 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 #A9A8CC as 0% and #554D9C as 100%.

0.0%	0.0% #A9A8CC	RGB 169 168 204	#A9A8CC
16.7%	16.7% #9B98C4	RGB 155 152 196	#9B98C4
33.3%	33.3% #8D89BC	RGB 141 137 188	#8D89BC
50.0%	50.0% #7F7AB4	RGB 127 122 180	#7F7AB4
66.7%	66.7% #716BAC	RGB 113 107 172	#716BAC
83.3%	83.3% #635CA4	RGB 99 92 164	#635CA4
100.0%	100.0% #554D9C	RGB 85 77 156	#554D9C

#A9A8CC #9B98C4 #8D89BC #7F7AB4 #716BAC #635CA4 #554D9C

#A9A8CC - #554D9C

HSV Blend

#A9A8CC - #554D9C | 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 #A9A8CC as 0% and #554D9C as 100%.

0.0%	0.0% #A9A8CC	RGB 169 168 204	#A9A8CC
16.7%	16.7% #9896C4	RGB 152 150 196	#9896C4
33.3%	33.3% #8886BC	RGB 136 134 188	#8886BC
50.0%	50.0% #7A76B4	RGB 122 118 180	#7A76B4
66.7%	66.7% #6D67AC	RGB 109 103 172	#6D67AC
83.3%	83.3% #6059A4	RGB 96 89 164	#6059A4
100.0%	100.0% #554D9C	RGB 85 77 156	#554D9C

#A9A8CC #9896C4 #8886BC #7A76B4 #6D67AC #6059A4 #554D9C

#A9A8CC - #7A76B4 - #554D9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A9A8CC 0%, #7A76B4 50%, #554D9C 100%);
    background: -webkit-linear-gradient(top, #A9A8CC 0%, #7A76B4 50%, #554D9C 100%);
    background: linear-gradient(to bottom, #A9A8CC 0%, #7A76B4 50%, #554D9C 100%);
}
</style>