#A9A8C0 - #5B547D | 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 #A9A8C0 to #5B547D

#A9A8C0 #5B547D

Calculate the color between two colors, #A9A8C0 and #5B547D. 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)

#A9A8C0 - #5B547D | 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 #A9A8C0 as 0% and #5B547D as 100%.

0.0%	0.0% #A9A8C0	RGB 169 168 192	#A9A8C0
16.7%	16.7% #9C9AB4	RGB 156 154 180	#9C9AB4
33.3%	33.3% #8F8CA9	RGB 143 140 169	#8F8CA9
50.0%	50.0% #827E9E	RGB 130 126 158	#827E9E
66.7%	66.7% #757093	RGB 117 112 147	#757093
83.3%	83.3% #686288	RGB 104 98 136	#686288
100.0%	100.0% #5B547D	RGB 91 84 125	#5B547D

#A9A8C0 #9C9AB4 #8F8CA9 #827E9E #757093 #686288 #5B547D

#A9A8C0 - #5B547D

HSV Blend

#A9A8C0 - #5B547D | 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 #A9A8C0 as 0% and #5B547D as 100%.

0.0%	0.0% #A9A8C0	RGB 169 168 192	#A9A8C0
16.7%	16.7% #9998B4	RGB 153 152 180	#9998B4
33.3%	33.3% #8B88A9	RGB 139 136 169	#8B88A9
50.0%	50.0% #7E7A9E	RGB 126 122 158	#7E7A9E
66.7%	66.7% #716C93	RGB 113 108 147	#716C93
83.3%	83.3% #666088	RGB 102 96 136	#666088
100.0%	100.0% #5B547D	RGB 91 84 125	#5B547D

#A9A8C0 #9998B4 #8B88A9 #7E7A9E #716C93 #666088 #5B547D

#A9A8C0 - #7E7A9E - #5B547D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A9A8C0 0%, #7E7A9E 50%, #5B547D 100%);
    background: -webkit-linear-gradient(top, #A9A8C0 0%, #7E7A9E 50%, #5B547D 100%);
    background: linear-gradient(to bottom, #A9A8C0 0%, #7E7A9E 50%, #5B547D 100%);
}
</style>