#00471C - #4D9C55 | 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 #00471C to #4D9C55

#00471C #4D9C55

Calculate the color between two colors, #00471C and #4D9C55. 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)

#00471C - #4D9C55 | 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 #00471C as 0% and #4D9C55 as 100%.

0.0%	0.0% #00471C	RGB 0 71 28	#00471C
16.7%	16.7% #0C5525	RGB 12 85 37	#0C5525
33.3%	33.3% #19632F	RGB 25 99 47	#19632F
50.0%	50.0% #267138	RGB 38 113 56	#267138
66.7%	66.7% #337F42	RGB 51 127 66	#337F42
83.3%	83.3% #408D4B	RGB 64 141 75	#408D4B
100.0%	100.0% #4D9C55	RGB 77 156 85	#4D9C55

#00471C #0C5525 #19632F #267138 #337F42 #408D4B #4D9C55

#00471C - #4D9C55

HSV Blend

#00471C - #4D9C55 | 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 #00471C as 0% and #4D9C55 as 100%.

0.0%	0.0% #00471B	RGB 0 71 27	#00471B
16.7%	16.7% #075522	RGB 7 85 34	#075522
33.3%	33.3% #106328	RGB 16 99 40	#106328
50.0%	50.0% #1C7131	RGB 28 113 49	#1C7131
66.7%	66.7% #2A7F3B	RGB 42 127 59	#2A7F3B
83.3%	83.3% #3A8D46	RGB 58 141 70	#3A8D46
100.0%	100.0% #4D9C55	RGB 77 156 85	#4D9C55

#00471B #075522 #106328 #1C7131 #2A7F3B #3A8D46 #4D9C55

#00471C - #1C7131 - #4D9C55

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00471B 0%, #1C7131 50%, #4D9C55 100%);
    background: -webkit-linear-gradient(top, #00471B 0%, #1C7131 50%, #4D9C55 100%);
    background: linear-gradient(to bottom, #00471B 0%, #1C7131 50%, #4D9C55 100%);
}
</style>