#3A5E3B - #AAAC61 | 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 #3A5E3B to #AAAC61

#3A5E3B #AAAC61

Calculate the color between two colors, #3A5E3B and #AAAC61. 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)

#3A5E3B - #AAAC61 | 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 #3A5E3B as 0% and #AAAC61 as 100%.

0.0%	0.0% #3A5E3B	RGB 58 94 59	#3A5E3B
16.7%	16.7% #4C6B41	RGB 76 107 65	#4C6B41
33.3%	33.3% #5F7847	RGB 95 120 71	#5F7847
50.0%	50.0% #72854E	RGB 114 133 78	#72854E
66.7%	66.7% #849254	RGB 132 146 84	#849254
83.3%	83.3% #979F5A	RGB 151 159 90	#979F5A
100.0%	100.0% #AAAC61	RGB 170 172 97	#AAAC61

#3A5E3B #4C6B41 #5F7847 #72854E #849254 #979F5A #AAAC61

#3A5E3B - #AAAC61

HSV Blend

#3A5E3B - #AAAC61 | 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 #3A5E3B as 0% and #AAAC61 as 100%.

0.0%	0.0% #3A5E3B	RGB 58 94 59	#3A5E3B
16.7%	16.7% #466B41	RGB 70 107 65	#466B41
33.3%	33.3% #567847	RGB 86 120 71	#567847
50.0%	50.0% #68854E	RGB 104 133 78	#68854E
66.7%	66.7% #7B9254	RGB 123 146 84	#7B9254
83.3%	83.3% #919F5B	RGB 145 159 91	#919F5B
100.0%	100.0% #AAAC61	RGB 170 172 97	#AAAC61

#3A5E3B #466B41 #567847 #68854E #7B9254 #919F5B #AAAC61

#3A5E3B - #68854E - #AAAC61

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A5E3B 0%, #68854E 50%, #AAAC61 100%);
    background: -webkit-linear-gradient(top, #3A5E3B 0%, #68854E 50%, #AAAC61 100%);
    background: linear-gradient(to bottom, #3A5E3B 0%, #68854E 50%, #AAAC61 100%);
}
</style>