#A8ADAA - #4A664B | 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 #A8ADAA to #4A664B

#A8ADAA #4A664B

Calculate the color between two colors, #A8ADAA and #4A664B. 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)

#A8ADAA - #4A664B | 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 #A8ADAA as 0% and #4A664B as 100%.

0.0%	0.0% #A8ADAA	RGB 168 173 170	#A8ADAA
16.7%	16.7% #98A19A	RGB 152 161 154	#98A19A
33.3%	33.3% #88958A	RGB 136 149 138	#88958A
50.0%	50.0% #79897A	RGB 121 137 122	#79897A
66.7%	66.7% #697D6A	RGB 105 125 106	#697D6A
83.3%	83.3% #59715A	RGB 89 113 90	#59715A
100.0%	100.0% #4A664B	RGB 74 102 75	#4A664B

#A8ADAA #98A19A #88958A #79897A #697D6A #59715A #4A664B

#A8ADAA - #4A664B

HSV Blend

#A8ADAA - #4A664B | 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 #A8ADAA as 0% and #4A664B as 100%.

0.0%	0.0% #A8ADAA	RGB 168 173 170	#A8ADAA
16.7%	16.7% #95A199	RGB 149 161 153	#95A199
33.3%	33.3% #849589	RGB 132 149 137	#849589
50.0%	50.0% #748979	RGB 116 137 121	#748979
66.7%	66.7% #657D69	RGB 101 125 105	#657D69
83.3%	83.3% #577159	RGB 87 113 89	#577159
100.0%	100.0% #4A664B	RGB 74 102 75	#4A664B

#A8ADAA #95A199 #849589 #748979 #657D69 #577159 #4A664B

#A8ADAA - #748979 - #4A664B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ADAA 0%, #748979 50%, #4A664B 100%);
    background: -webkit-linear-gradient(top, #A8ADAA 0%, #748979 50%, #4A664B 100%);
    background: linear-gradient(to bottom, #A8ADAA 0%, #748979 50%, #4A664B 100%);
}
</style>