#4D9A53 - #162C17 | 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 #4D9A53 to #162C17

#4D9A53 #162C17

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

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

0.0%	0.0% #4D9A53	RGB 77 154 83	#4D9A53
16.7%	16.7% #438749	RGB 67 135 73	#438749
33.3%	33.3% #3A753F	RGB 58 117 63	#3A753F
50.0%	50.0% #316335	RGB 49 99 53	#316335
66.7%	66.7% #28502B	RGB 40 80 43	#28502B
83.3%	83.3% #1F3E21	RGB 31 62 33	#1F3E21
100.0%	100.0% #162C17	RGB 22 44 23	#162C17

#4D9A53 #438749 #3A753F #316335 #28502B #1F3E21 #162C17

#4D9A53 - #162C17

HSV Blend

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

0.0%	0.0% #4D9A52	RGB 77 154 82	#4D9A52
16.7%	16.7% #438748	RGB 67 135 72	#438748
33.3%	33.3% #3A753E	RGB 58 117 62	#3A753E
50.0%	50.0% #316334	RGB 49 99 52	#316334
66.7%	66.7% #28502A	RGB 40 80 42	#28502A
83.3%	83.3% #1F3E20	RGB 31 62 32	#1F3E20
100.0%	100.0% #162C17	RGB 22 44 23	#162C17

#4D9A52 #438748 #3A753E #316334 #28502A #1F3E20 #162C17

#4D9A53 - #316334 - #162C17

CSS codes

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

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