#A9A2AF - #684C8C | 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 #A9A2AF to #684C8C

#A9A2AF #684C8C

Calculate the color between two colors, #A9A2AF and #684C8C. 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)

#A9A2AF - #684C8C | 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 #A9A2AF as 0% and #684C8C as 100%.

0.0%	0.0% #A9A2AF	RGB 169 162 175	#A9A2AF
16.7%	16.7% #9E93A9	RGB 158 147 169	#9E93A9
33.3%	33.3% #9385A3	RGB 147 133 163	#9385A3
50.0%	50.0% #88779D	RGB 136 119 157	#88779D
66.7%	66.7% #7D6897	RGB 125 104 151	#7D6897
83.3%	83.3% #725A91	RGB 114 90 145	#725A91
100.0%	100.0% #684C8C	RGB 104 76 140	#684C8C

#A9A2AF #9E93A9 #9385A3 #88779D #7D6897 #725A91 #684C8C

#A9A2AF - #684C8C

HSV Blend

#A9A2AF - #684C8C | 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 #A9A2AF as 0% and #684C8C as 100%.

0.0%	0.0% #A9A2AF	RGB 169 162 175	#A9A2AF
16.7%	16.7% #9D91A9	RGB 157 145 169	#9D91A9
33.3%	33.3% #9382A3	RGB 147 130 163	#9382A3
50.0%	50.0% #88739D	RGB 136 115 157	#88739D
66.7%	66.7% #7D6597	RGB 125 101 151	#7D6597
83.3%	83.3% #725891	RGB 114 88 145	#725891
100.0%	100.0% #684C8C	RGB 104 76 140	#684C8C

#A9A2AF #9D91A9 #9382A3 #88739D #7D6597 #725891 #684C8C

#A9A2AF - #88739D - #684C8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A9A2AF 0%, #88739D 50%, #684C8C 100%);
    background: -webkit-linear-gradient(top, #A9A2AF 0%, #88739D 50%, #684C8C 100%);
    background: linear-gradient(to bottom, #A9A2AF 0%, #88739D 50%, #684C8C 100%);
}
</style>