#2D5E0C - #AFB03D | 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 #2D5E0C to #AFB03D

#2D5E0C #AFB03D

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

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

0.0%	0.0% #2D5E0C	RGB 45 94 12	#2D5E0C
16.7%	16.7% #426B14	RGB 66 107 20	#426B14
33.3%	33.3% #58791C	RGB 88 121 28	#58791C
50.0%	50.0% #6E8724	RGB 110 135 36	#6E8724
66.7%	66.7% #83942C	RGB 131 148 44	#83942C
83.3%	83.3% #99A234	RGB 153 162 52	#99A234
100.0%	100.0% #AFB03D	RGB 175 176 61	#AFB03D

#2D5E0C #426B14 #58791C #6E8724 #83942C #99A234 #AFB03D

#2D5E0C - #AFB03D

HSV Blend

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

0.0%	0.0% #2C5E0B	RGB 44 94 11	#2C5E0B
16.7%	16.7% #3E6B11	RGB 62 107 17	#3E6B11
33.3%	33.3% #527918	RGB 82 121 24	#527918
50.0%	50.0% #678720	RGB 103 135 32	#678720
66.7%	66.7% #7E9428	RGB 126 148 40	#7E9428
83.3%	83.3% #96A232	RGB 150 162 50	#96A232
100.0%	100.0% #AFB03D	RGB 175 176 61	#AFB03D

#2C5E0B #3E6B11 #527918 #678720 #7E9428 #96A232 #AFB03D

#2D5E0C - #678720 - #AFB03D

CSS codes

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

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