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

#A8ADAC #4A664A

Calculate the color between two colors, #A8ADAC 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)

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

0.0%	0.0% #A8ADAC	RGB 168 173 172	#A8ADAC
16.7%	16.7% #98A19B	RGB 152 161 155	#98A19B
33.3%	33.3% #88958B	RGB 136 149 139	#88958B
50.0%	50.0% #79897B	RGB 121 137 123	#79897B
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

#A8ADAC #98A19B #88958B #79897B #697D6A #59715A #4A664A

#A8ADAC - #4A664A

HSV Blend

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

0.0%	0.0% #A8ADAC	RGB 168 173 172	#A8ADAC
16.7%	16.7% #95A19D	RGB 149 161 157	#95A19D
33.3%	33.3% #84958D	RGB 132 149 141	#84958D
50.0%	50.0% #74897C	RGB 116 137 124	#74897C
66.7%	66.7% #657D6B	RGB 101 125 107	#657D6B
83.3%	83.3% #57715A	RGB 87 113 90	#57715A
100.0%	100.0% #4A664A	RGB 74 102 74	#4A664A

#A8ADAC #95A19D #84958D #74897C #657D6B #57715A #4A664A

#A8ADAC - #74897C - #4A664A

CSS codes

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

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