#003D01 - #478D3E | 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 #003D01 to #478D3E

#003D01 #478D3E

Calculate the color between two colors, #003D01 and #478D3E. 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)

#003D01 - #478D3E | 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 #003D01 as 0% and #478D3E as 100%.

0.0%	0.0% #003D01	RGB 0 61 1	#003D01
16.7%	16.7% #0B4A0B	RGB 11 74 11	#0B4A0B
33.3%	33.3% #175715	RGB 23 87 21	#175715
50.0%	50.0% #23651F	RGB 35 101 31	#23651F
66.7%	66.7% #2F7229	RGB 47 114 41	#2F7229
83.3%	83.3% #3B7F33	RGB 59 127 51	#3B7F33
100.0%	100.0% #478D3E	RGB 71 141 62	#478D3E

#003D01 #0B4A0B #175715 #23651F #2F7229 #3B7F33 #478D3E

#003D01 - #478D3E

HSV Blend

#003D01 - #478D3E | 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 #003D01 as 0% and #478D3E as 100%.

0.0%	0.0% #003D00	RGB 0 61 0	#003D00
16.7%	16.7% #054A05	RGB 5 74 5	#054A05
33.3%	33.3% #0E570C	RGB 14 87 12	#0E570C
50.0%	50.0% #1A6516	RGB 26 101 22	#1A6516
66.7%	66.7% #277221	RGB 39 114 33	#277221
83.3%	83.3% #367F2E	RGB 54 127 46	#367F2E
100.0%	100.0% #478D3E	RGB 71 141 62	#478D3E

#003D00 #054A05 #0E570C #1A6516 #277221 #367F2E #478D3E

#003D01 - #1A6516 - #478D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003D00 0%, #1A6516 50%, #478D3E 100%);
    background: -webkit-linear-gradient(top, #003D00 0%, #1A6516 50%, #478D3E 100%);
    background: linear-gradient(to bottom, #003D00 0%, #1A6516 50%, #478D3E 100%);
}
</style>