#2B4A2B - #002E04 | 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 #2B4A2B to #002E04

#2B4A2B #002E04

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

#2B4A2B - #002E04 | 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 #2B4A2B as 0% and #002E04 as 100%.

0.0%	0.0% #2B4A2B	RGB 43 74 43	#2B4A2B
16.7%	16.7% #234524	RGB 35 69 36	#234524
33.3%	33.3% #1C401E	RGB 28 64 30	#1C401E
50.0%	50.0% #153C17	RGB 21 60 23	#153C17
66.7%	66.7% #0E3710	RGB 14 55 16	#0E3710
83.3%	83.3% #07320A	RGB 7 50 10	#07320A
100.0%	100.0% #002E04	RGB 0 46 4	#002E04

#2B4A2B #234524 #1C401E #153C17 #0E3710 #07320A #002E04

#2B4A2B - #002E04

HSV Blend

#2B4A2B - #002E04 | 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 #2B4A2B as 0% and #002E04 as 100%.

0.0%	0.0% #2B4A2B	RGB 43 74 43	#2B4A2B
16.7%	16.7% #214522	RGB 33 69 34	#214522
33.3%	33.3% #19401A	RGB 25 64 26	#19401A
50.0%	50.0% #113C13	RGB 17 60 19	#113C13
66.7%	66.7% #0A370D	RGB 10 55 13	#0A370D
83.3%	83.3% #043208	RGB 4 50 8	#043208
100.0%	100.0% #002E04	RGB 0 46 4	#002E04

#2B4A2B #214522 #19401A #113C13 #0A370D #043208 #002E04

#2B4A2B - #113C13 - #002E04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B4A2B 0%, #113C13 50%, #002E04 100%);
    background: -webkit-linear-gradient(top, #2B4A2B 0%, #113C13 50%, #002E04 100%);
    background: linear-gradient(to bottom, #2B4A2B 0%, #113C13 50%, #002E04 100%);
}
</style>