#A8AAA5 - #61744E | 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 #A8AAA5 to #61744E

#A8AAA5 #61744E

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

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

0.0%	0.0% #A8AAA5	RGB 168 170 165	#A8AAA5
16.7%	16.7% #9CA196	RGB 156 161 150	#9CA196
33.3%	33.3% #909888	RGB 144 152 136	#909888
50.0%	50.0% #848F79	RGB 132 143 121	#848F79
66.7%	66.7% #78866B	RGB 120 134 107	#78866B
83.3%	83.3% #6C7D5C	RGB 108 125 92	#6C7D5C
100.0%	100.0% #61744E	RGB 97 116 78	#61744E

#A8AAA5 #9CA196 #909888 #848F79 #78866B #6C7D5C #61744E

#A8AAA5 - #61744E

HSV Blend

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

0.0%	0.0% #A8AAA5	RGB 168 170 165	#A8AAA5
16.7%	16.7% #9BA194	RGB 155 161 148	#9BA194
33.3%	33.3% #8F9884	RGB 143 152 132	#8F9884
50.0%	50.0% #838F75	RGB 131 143 117	#838F75
66.7%	66.7% #778667	RGB 119 134 103	#778667
83.3%	83.3% #6C7D5A	RGB 108 125 90	#6C7D5A
100.0%	100.0% #61744E	RGB 97 116 78	#61744E

#A8AAA5 #9BA194 #8F9884 #838F75 #778667 #6C7D5A #61744E

#A8AAA5 - #838F75 - #61744E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AAA5 0%, #838F75 50%, #61744E 100%);
    background: -webkit-linear-gradient(top, #A8AAA5 0%, #838F75 50%, #61744E 100%);
    background: linear-gradient(to bottom, #A8AAA5 0%, #838F75 50%, #61744E 100%);
}
</style>