#A8A8AC - #61547E | 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 #A8A8AC to #61547E

#A8A8AC #61547E

Calculate the color between two colors, #A8A8AC and #61547E. 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)

#A8A8AC - #61547E | 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 #A8A8AC as 0% and #61547E as 100%.

0.0%	0.0% #A8A8AC	RGB 168 168 172	#A8A8AC
16.7%	16.7% #9C9AA4	RGB 156 154 164	#9C9AA4
33.3%	33.3% #908C9C	RGB 144 140 156	#908C9C
50.0%	50.0% #847E95	RGB 132 126 149	#847E95
66.7%	66.7% #78708D	RGB 120 112 141	#78708D
83.3%	83.3% #6C6285	RGB 108 98 133	#6C6285
100.0%	100.0% #61547E	RGB 97 84 126	#61547E

#A8A8AC #9C9AA4 #908C9C #847E95 #78708D #6C6285 #61547E

#A8A8AC - #61547E

HSV Blend

#A8A8AC - #61547E | 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 #A8A8AC as 0% and #61547E as 100%.

0.0%	0.0% #A8A8AC	RGB 168 168 172	#A8A8AC
16.7%	16.7% #9898A4	RGB 152 152 164	#9898A4
33.3%	33.3% #8A889C	RGB 138 136 156	#8A889C
50.0%	50.0% #7E7A95	RGB 126 122 149	#7E7A95
66.7%	66.7% #736C8D	RGB 115 108 141	#736C8D
83.3%	83.3% #696085	RGB 105 96 133	#696085
100.0%	100.0% #61547E	RGB 97 84 126	#61547E

#A8A8AC #9898A4 #8A889C #7E7A95 #736C8D #696085 #61547E

#A8A8AC - #7E7A95 - #61547E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A8AC 0%, #7E7A95 50%, #61547E 100%);
    background: -webkit-linear-gradient(top, #A8A8AC 0%, #7E7A95 50%, #61547E 100%);
    background: linear-gradient(to bottom, #A8A8AC 0%, #7E7A95 50%, #61547E 100%);
}
</style>