#A9A8C6 - #66477E | 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 #A9A8C6 to #66477E

#A9A8C6 #66477E

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

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

0.0%	0.0% #A9A8C6	RGB 169 168 198	#A9A8C6
16.7%	16.7% #9D97BA	RGB 157 151 186	#9D97BA
33.3%	33.3% #9287AE	RGB 146 135 174	#9287AE
50.0%	50.0% #8777A2	RGB 135 119 162	#8777A2
66.7%	66.7% #7C6796	RGB 124 103 150	#7C6796
83.3%	83.3% #71578A	RGB 113 87 138	#71578A
100.0%	100.0% #66477E	RGB 102 71 126	#66477E

#A9A8C6 #9D97BA #9287AE #8777A2 #7C6796 #71578A #66477E

#A9A8C6 - #66477E

HSV Blend

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

0.0%	0.0% #A9A8C6	RGB 169 168 198	#A9A8C6
16.7%	16.7% #9994BA	RGB 153 148 186	#9994BA
33.3%	33.3% #8C83AE	RGB 140 131 174	#8C83AE
50.0%	50.0% #8072A2	RGB 128 114 162	#8072A2
66.7%	66.7% #766296	RGB 118 98 150	#766296
83.3%	83.3% #6D548A	RGB 109 84 138	#6D548A
100.0%	100.0% #66477E	RGB 102 71 126	#66477E

#A9A8C6 #9994BA #8C83AE #8072A2 #766296 #6D548A #66477E

#A9A8C6 - #8072A2 - #66477E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A9A8C6 0%, #8072A2 50%, #66477E 100%);
    background: -webkit-linear-gradient(top, #A9A8C6 0%, #8072A2 50%, #66477E 100%);
    background: linear-gradient(to bottom, #A9A8C6 0%, #8072A2 50%, #66477E 100%);
}
</style>