#2F5500 - #AEAF5E | 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 #2F5500 to #AEAF5E

#2F5500 #AEAF5E

Calculate the color between two colors, #2F5500 and #AEAF5E. 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)

#2F5500 - #AEAF5E | 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 #2F5500 as 0% and #AEAF5E as 100%.

0.0%	0.0% #2F5500	RGB 47 85 0	#2F5500
16.7%	16.7% #44640F	RGB 68 100 15	#44640F
33.3%	33.3% #59731F	RGB 89 115 31	#59731F
50.0%	50.0% #6E822F	RGB 110 130 47	#6E822F
66.7%	66.7% #83913E	RGB 131 145 62	#83913E
83.3%	83.3% #98A04E	RGB 152 160 78	#98A04E
100.0%	100.0% #AEAF5E	RGB 174 175 94	#AEAF5E

#2F5500 #44640F #59731F #6E822F #83913E #98A04E #AEAF5E

#2F5500 - #AEAF5E

HSV Blend

#2F5500 - #AEAF5E | 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 #2F5500 as 0% and #AEAF5E as 100%.

0.0%	0.0% #2F5500	RGB 47 85 0	#2F5500
16.7%	16.7% #416408	RGB 65 100 8	#416408
33.3%	33.3% #567314	RGB 86 115 20	#567314
50.0%	50.0% #6C8222	RGB 108 130 34	#6C8222
66.7%	66.7% #829133	RGB 130 145 51	#829133
83.3%	83.3% #98A047	RGB 152 160 71	#98A047
100.0%	100.0% #AEAF5E	RGB 174 175 94	#AEAF5E

#2F5500 #416408 #567314 #6C8222 #829133 #98A047 #AEAF5E

#2F5500 - #6C8222 - #AEAF5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5500 0%, #6C8222 50%, #AEAF5E 100%);
    background: -webkit-linear-gradient(top, #2F5500 0%, #6C8222 50%, #AEAF5E 100%);
    background: linear-gradient(to bottom, #2F5500 0%, #6C8222 50%, #AEAF5E 100%);
}
</style>