#A8ADAD - #4A6652 | 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 #A8ADAD to #4A6652

#A8ADAD #4A6652

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

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

0.0%	0.0% #A8ADAD	RGB 168 173 173	#A8ADAD
16.7%	16.7% #98A19D	RGB 152 161 157	#98A19D
33.3%	33.3% #88958E	RGB 136 149 142	#88958E
50.0%	50.0% #79897F	RGB 121 137 127	#79897F
66.7%	66.7% #697D70	RGB 105 125 112	#697D70
83.3%	83.3% #597161	RGB 89 113 97	#597161
100.0%	100.0% #4A6652	RGB 74 102 82	#4A6652

#A8ADAD #98A19D #88958E #79897F #697D70 #597161 #4A6652

#A8ADAD - #4A6652

HSV Blend

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

0.0%	0.0% #A8ADAD	RGB 168 173 173	#A8ADAD
16.7%	16.7% #95A19F	RGB 149 161 159	#95A19F
33.3%	33.3% #849591	RGB 132 149 145	#849591
50.0%	50.0% #748982	RGB 116 137 130	#748982
66.7%	66.7% #657D72	RGB 101 125 114	#657D72
83.3%	83.3% #577162	RGB 87 113 98	#577162
100.0%	100.0% #4A6652	RGB 74 102 82	#4A6652

#A8ADAD #95A19F #849591 #748982 #657D72 #577162 #4A6652

#A8ADAD - #748982 - #4A6652

CSS codes

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

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