#4D941E - #162A08 | 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 #4D941E to #162A08

#4D941E #162A08

Calculate the color between two colors, #4D941E and #162A08. 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)

#4D941E - #162A08 | 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 #4D941E as 0% and #162A08 as 100%.

0.0%	0.0% #4D941E	RGB 77 148 30	#4D941E
16.7%	16.7% #43821A	RGB 67 130 26	#43821A
33.3%	33.3% #3A7016	RGB 58 112 22	#3A7016
50.0%	50.0% #315F13	RGB 49 95 19	#315F13
66.7%	66.7% #284D0F	RGB 40 77 15	#284D0F
83.3%	83.3% #1F3B0B	RGB 31 59 11	#1F3B0B
100.0%	100.0% #162A08	RGB 22 42 8	#162A08

#4D941E #43821A #3A7016 #315F13 #284D0F #1F3B0B #162A08

#4D941E - #162A08

HSV Blend

#4D941E - #162A08 | 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 #4D941E as 0% and #162A08 as 100%.

0.0%	0.0% #4D941E	RGB 77 148 30	#4D941E
16.7%	16.7% #43821A	RGB 67 130 26	#43821A
33.3%	33.3% #3A7016	RGB 58 112 22	#3A7016
50.0%	50.0% #315F12	RGB 49 95 18	#315F12
66.7%	66.7% #284D0F	RGB 40 77 15	#284D0F
83.3%	83.3% #1F3B0B	RGB 31 59 11	#1F3B0B
100.0%	100.0% #162A08	RGB 22 42 8	#162A08

#4D941E #43821A #3A7016 #315F12 #284D0F #1F3B0B #162A08

#4D941E - #315F12 - #162A08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D941E 0%, #315F12 50%, #162A08 100%);
    background: -webkit-linear-gradient(top, #4D941E 0%, #315F12 50%, #162A08 100%);
    background: linear-gradient(to bottom, #4D941E 0%, #315F12 50%, #162A08 100%);
}
</style>