#A8ADAA - #52664A | 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 #52664A

#A8ADAA #52664A

Calculate the color between two colors, #A8ADAA and #52664A. 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 - #52664A | 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 #52664A as 100%.

0.0%	0.0% #A8ADAA	RGB 168 173 170	#A8ADAA
16.7%	16.7% #99A19A	RGB 153 161 154	#99A19A
33.3%	33.3% #8B958A	RGB 139 149 138	#8B958A
50.0%	50.0% #7D897A	RGB 125 137 122	#7D897A
66.7%	66.7% #6E7D6A	RGB 110 125 106	#6E7D6A
83.3%	83.3% #60715A	RGB 96 113 90	#60715A
100.0%	100.0% #52664A	RGB 82 102 74	#52664A

#A8ADAA #99A19A #8B958A #7D897A #6E7D6A #60715A #52664A

#A8ADAA - #52664A

HSV Blend

#A8ADAA - #52664A | 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 #52664A 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% #849587	RGB 132 149 135	#849587
50.0%	50.0% #748975	RGB 116 137 117	#748975
66.7%	66.7% #667D65	RGB 102 125 101	#667D65
83.3%	83.3% #5B7157	RGB 91 113 87	#5B7157
100.0%	100.0% #52664A	RGB 82 102 74	#52664A

#A8ADAA #95A199 #849587 #748975 #667D65 #5B7157 #52664A

#A8ADAA - #748975 - #52664A

CSS codes

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

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