#4A6E5E - #A2B37A | 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 #4A6E5E to #A2B37A

#4A6E5E #A2B37A

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

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

0.0%	0.0% #4A6E5E	RGB 74 110 94	#4A6E5E
16.7%	16.7% #587962	RGB 88 121 98	#587962
33.3%	33.3% #678567	RGB 103 133 103	#678567
50.0%	50.0% #76906C	RGB 118 144 108	#76906C
66.7%	66.7% #849C70	RGB 132 156 112	#849C70
83.3%	83.3% #93A775	RGB 147 167 117	#93A775
100.0%	100.0% #A2B37A	RGB 162 179 122	#A2B37A

#4A6E5E #587962 #678567 #76906C #849C70 #93A775 #A2B37A

#4A6E5E - #A2B37A

HSV Blend

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

0.0%	0.0% #4A6E5E	RGB 74 110 94	#4A6E5E
16.7%	16.7% #51795F	RGB 81 121 95	#51795F
33.3%	33.3% #59855F	RGB 89 133 95	#59855F
50.0%	50.0% #659061	RGB 101 144 97	#659061
66.7%	66.7% #789C69	RGB 120 156 105	#789C69
83.3%	83.3% #8CA771	RGB 140 167 113	#8CA771
100.0%	100.0% #A2B37A	RGB 162 179 122	#A2B37A

#4A6E5E #51795F #59855F #659061 #789C69 #8CA771 #A2B37A

#4A6E5E - #659061 - #A2B37A

CSS codes

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

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