#2D2F02 - #3E832B | 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 #2D2F02 to #3E832B

#2D2F02 #3E832B

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

#2D2F02 - #3E832B | 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 #2D2F02 as 0% and #3E832B as 100%.

0.0%	0.0% #2D2F02	RGB 45 47 2	#2D2F02
16.7%	16.7% #2F3D08	RGB 47 61 8	#2F3D08
33.3%	33.3% #324B0F	RGB 50 75 15	#324B0F
50.0%	50.0% #355916	RGB 53 89 22	#355916
66.7%	66.7% #38671D	RGB 56 103 29	#38671D
83.3%	83.3% #3B7524	RGB 59 117 36	#3B7524
100.0%	100.0% #3E832B	RGB 62 131 43	#3E832B

#2D2F02 #2F3D08 #324B0F #355916 #38671D #3B7524 #3E832B

#2D2F02 - #3E832B

HSV Blend

#2D2F02 - #3E832B | 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 #2D2F02 as 0% and #3E832B as 100%.

0.0%	0.0% #2D2F01	RGB 45 47 1	#2D2F01
16.7%	16.7% #333D05	RGB 51 61 5	#333D05
33.3%	33.3% #384B0A	RGB 56 75 10	#384B0A
50.0%	50.0% #3A5910	RGB 58 89 16	#3A5910
66.7%	66.7% #3C6718	RGB 60 103 24	#3C6718
83.3%	83.3% #3D7520	RGB 61 117 32	#3D7520
100.0%	100.0% #3E832B	RGB 62 131 43	#3E832B

#2D2F01 #333D05 #384B0A #3A5910 #3C6718 #3D7520 #3E832B

#2D2F02 - #3A5910 - #3E832B

CSS codes

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

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