#3E5000 - #AA9A2B | 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 #3E5000 to #AA9A2B

#3E5000 #AA9A2B

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

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

0.0%	0.0% #3E5000	RGB 62 80 0	#3E5000
16.7%	16.7% #505C07	RGB 80 92 7	#505C07
33.3%	33.3% #62680E	RGB 98 104 14	#62680E
50.0%	50.0% #747515	RGB 116 117 21	#747515
66.7%	66.7% #86811C	RGB 134 129 28	#86811C
83.3%	83.3% #988D23	RGB 152 141 35	#988D23
100.0%	100.0% #AA9A2B	RGB 170 154 43	#AA9A2B

#3E5000 #505C07 #62680E #747515 #86811C #988D23 #AA9A2B

#3E5000 - #AA9A2B

HSV Blend

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

0.0%	0.0% #3E5000	RGB 62 80 0	#3E5000
16.7%	16.7% #4F5F04	RGB 79 95 4	#4F5F04
33.3%	33.3% #636E09	RGB 99 110 9	#636E09
50.0%	50.0% #777D0F	RGB 119 125 15	#777D0F
66.7%	66.7% #8C8A17	RGB 140 138 23	#8C8A17
83.3%	83.3% #9B9220	RGB 155 146 32	#9B9220
100.0%	100.0% #AA9A2B	RGB 170 154 43	#AA9A2B

#3E5000 #4F5F04 #636E09 #777D0F #8C8A17 #9B9220 #AA9A2B

#3E5000 - #777D0F - #AA9A2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5000 0%, #777D0F 50%, #AA9A2B 100%);
    background: -webkit-linear-gradient(top, #3E5000 0%, #777D0F 50%, #AA9A2B 100%);
    background: linear-gradient(to bottom, #3E5000 0%, #777D0F 50%, #AA9A2B 100%);
}
</style>