#A8ADAB - #4A664A | 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 #A8ADAB to #4A664A

#A8ADAB #4A664A

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

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

0.0%	0.0% #A8ADAB	RGB 168 173 171	#A8ADAB
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% #4A664A	RGB 74 102 74	#4A664A

#A8ADAB #98A19A #88958A #79897A #697D6A #59715A #4A664A

#A8ADAB - #4A664A

HSV Blend

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

0.0%	0.0% #A8ADAB	RGB 168 173 171	#A8ADAB
16.7%	16.7% #95A19B	RGB 149 161 155	#95A19B
33.3%	33.3% #84958B	RGB 132 149 139	#84958B
50.0%	50.0% #74897A	RGB 116 137 122	#74897A
66.7%	66.7% #657D6A	RGB 101 125 106	#657D6A
83.3%	83.3% #577159	RGB 87 113 89	#577159
100.0%	100.0% #4A664A	RGB 74 102 74	#4A664A

#A8ADAB #95A19B #84958B #74897A #657D6A #577159 #4A664A

#A8ADAB - #74897A - #4A664A

CSS codes

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

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