#2F5E10 - #AFAF40 | 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 #2F5E10 to #AFAF40

#2F5E10 #AFAF40

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

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

0.0%	0.0% #2F5E10	RGB 47 94 16	#2F5E10
16.7%	16.7% #446B18	RGB 68 107 24	#446B18
33.3%	33.3% #597920	RGB 89 121 32	#597920
50.0%	50.0% #6F8628	RGB 111 134 40	#6F8628
66.7%	66.7% #849430	RGB 132 148 48	#849430
83.3%	83.3% #99A138	RGB 153 161 56	#99A138
100.0%	100.0% #AFAF40	RGB 175 175 64	#AFAF40

#2F5E10 #446B18 #597920 #6F8628 #849430 #99A138 #AFAF40

#2F5E10 - #AFAF40

HSV Blend

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

0.0%	0.0% #2F5E0F	RGB 47 94 15	#2F5E0F
16.7%	16.7% #406B15	RGB 64 107 21	#406B15
33.3%	33.3% #53791C	RGB 83 121 28	#53791C
50.0%	50.0% #688624	RGB 104 134 36	#688624
66.7%	66.7% #7F942C	RGB 127 148 44	#7F942C
83.3%	83.3% #96A135	RGB 150 161 53	#96A135
100.0%	100.0% #AFAF40	RGB 175 175 64	#AFAF40

#2F5E0F #406B15 #53791C #688624 #7F942C #96A135 #AFAF40

#2F5E10 - #688624 - #AFAF40

CSS codes

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

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