#4D963C - #162A11 | 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 #4D963C to #162A11

#4D963C #162A11

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

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

0.0%	0.0% #4D963C	RGB 77 150 60	#4D963C
16.7%	16.7% #438434	RGB 67 132 52	#438434
33.3%	33.3% #3A722D	RGB 58 114 45	#3A722D
50.0%	50.0% #316026	RGB 49 96 38	#316026
66.7%	66.7% #284E1F	RGB 40 78 31	#284E1F
83.3%	83.3% #1F3C18	RGB 31 60 24	#1F3C18
100.0%	100.0% #162A11	RGB 22 42 17	#162A11

#4D963C #438434 #3A722D #316026 #284E1F #1F3C18 #162A11

#4D963C - #162A11

HSV Blend

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

0.0%	0.0% #4C963C	RGB 76 150 60	#4C963C
16.7%	16.7% #438434	RGB 67 132 52	#438434
33.3%	33.3% #3A722D	RGB 58 114 45	#3A722D
50.0%	50.0% #316026	RGB 49 96 38	#316026
66.7%	66.7% #284E1F	RGB 40 78 31	#284E1F
83.3%	83.3% #1F3C18	RGB 31 60 24	#1F3C18
100.0%	100.0% #162A11	RGB 22 42 17	#162A11

#4C963C #438434 #3A722D #316026 #284E1F #1F3C18 #162A11

#4D963C - #316026 - #162A11

CSS codes

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

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