#ADADA9 - #66504B | 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 #ADADA9 to #66504B

#ADADA9 #66504B

Calculate the color between two colors, #ADADA9 and #66504B. 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)

#ADADA9 - #66504B | 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 #ADADA9 as 0% and #66504B as 100%.

0.0%	0.0% #ADADA9	RGB 173 173 169	#ADADA9
16.7%	16.7% #A19D99	RGB 161 157 153	#A19D99
33.3%	33.3% #958E89	RGB 149 142 137	#958E89
50.0%	50.0% #897E7A	RGB 137 126 122	#897E7A
66.7%	66.7% #7D6F6A	RGB 125 111 106	#7D6F6A
83.3%	83.3% #715F5A	RGB 113 95 90	#715F5A
100.0%	100.0% #66504B	RGB 102 80 75	#66504B

#ADADA9 #A19D99 #958E89 #897E7A #7D6F6A #715F5A #66504B

#ADADA9 - #66504B

HSV Blend

#ADADA9 - #66504B | 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 #ADADA9 as 0% and #66504B as 100%.

0.0%	0.0% #ADADA9	RGB 173 173 169	#ADADA9
16.7%	16.7% #A19F96	RGB 161 159 150	#A19F96
33.3%	33.3% #959185	RGB 149 145 133	#959185
50.0%	50.0% #898175	RGB 137 129 117	#898175
66.7%	66.7% #7D7166	RGB 125 113 102	#7D7166
83.3%	83.3% #716058	RGB 113 96 88	#716058
100.0%	100.0% #66504B	RGB 102 80 75	#66504B

#ADADA9 #A19F96 #959185 #898175 #7D7166 #716058 #66504B

#ADADA9 - #898175 - #66504B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADADA9 0%, #898175 50%, #66504B 100%);
    background: -webkit-linear-gradient(top, #ADADA9 0%, #898175 50%, #66504B 100%);
    background: linear-gradient(to bottom, #ADADA9 0%, #898175 50%, #66504B 100%);
}
</style>