#2B5E37 - #04340A | 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 #2B5E37 to #04340A

#2B5E37 #04340A

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

#2B5E37 - #04340A | 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 #2B5E37 as 0% and #04340A as 100%.

0.0%	0.0% #2B5E37	RGB 43 94 55	#2B5E37
16.7%	16.7% #24572F	RGB 36 87 47	#24572F
33.3%	33.3% #1E5028	RGB 30 80 40	#1E5028
50.0%	50.0% #174920	RGB 23 73 32	#174920
66.7%	66.7% #104219	RGB 16 66 25	#104219
83.3%	83.3% #0A3B11	RGB 10 59 17	#0A3B11
100.0%	100.0% #04340A	RGB 4 52 10	#04340A

#2B5E37 #24572F #1E5028 #174920 #104219 #0A3B11 #04340A

#2B5E37 - #04340A

HSV Blend

#2B5E37 - #04340A | 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 #2B5E37 as 0% and #04340A as 100%.

0.0%	0.0% #2B5E37	RGB 43 94 55	#2B5E37
16.7%	16.7% #22572D	RGB 34 87 45	#22572D
33.3%	33.3% #1A5025	RGB 26 80 37	#1A5025
50.0%	50.0% #13491D	RGB 19 73 29	#13491D
66.7%	66.7% #0D4215	RGB 13 66 21	#0D4215
83.3%	83.3% #083B0F	RGB 8 59 15	#083B0F
100.0%	100.0% #04340A	RGB 4 52 10	#04340A

#2B5E37 #22572D #1A5025 #13491D #0D4215 #083B0F #04340A

#2B5E37 - #13491D - #04340A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E37 0%, #13491D 50%, #04340A 100%);
    background: -webkit-linear-gradient(top, #2B5E37 0%, #13491D 50%, #04340A 100%);
    background: linear-gradient(to bottom, #2B5E37 0%, #13491D 50%, #04340A 100%);
}
</style>