#A0ADA5 - #4A8D63 | 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 #A0ADA5 to #4A8D63

#A0ADA5 #4A8D63

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

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

0.0%	0.0% #A0ADA5	RGB 160 173 165	#A0ADA5
16.7%	16.7% #91A79A	RGB 145 167 154	#91A79A
33.3%	33.3% #83A28F	RGB 131 162 143	#83A28F
50.0%	50.0% #759D84	RGB 117 157 132	#759D84
66.7%	66.7% #669779	RGB 102 151 121	#669779
83.3%	83.3% #58926E	RGB 88 146 110	#58926E
100.0%	100.0% #4A8D63	RGB 74 141 99	#4A8D63

#A0ADA5 #91A79A #83A28F #759D84 #669779 #58926E #4A8D63

#A0ADA5 - #4A8D63

HSV Blend

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

0.0%	0.0% #A0ADA5	RGB 160 173 165	#A0ADA5
16.7%	16.7% #8FA798	RGB 143 167 152	#8FA798
33.3%	33.3% #80A28D	RGB 128 162 141	#80A28D
50.0%	50.0% #719D82	RGB 113 157 130	#719D82
66.7%	66.7% #639777	RGB 99 151 119	#639777
83.3%	83.3% #56926C	RGB 86 146 108	#56926C
100.0%	100.0% #4A8D63	RGB 74 141 99	#4A8D63

#A0ADA5 #8FA798 #80A28D #719D82 #639777 #56926C #4A8D63

#A0ADA5 - #719D82 - #4A8D63

CSS codes

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

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