#4D5E18 - #71B643 | 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 #4D5E18 to #71B643

#4D5E18 #71B643

Calculate the color between two colors, #4D5E18 and #71B643. 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)

#4D5E18 - #71B643 | 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 #4D5E18 as 0% and #71B643 as 100%.

0.0%	0.0% #4D5E18	RGB 77 94 24	#4D5E18
16.7%	16.7% #536C1F	RGB 83 108 31	#536C1F
33.3%	33.3% #597B26	RGB 89 123 38	#597B26
50.0%	50.0% #5F8A2D	RGB 95 138 45	#5F8A2D
66.7%	66.7% #659834	RGB 101 152 52	#659834
83.3%	83.3% #6BA73B	RGB 107 167 59	#6BA73B
100.0%	100.0% #71B643	RGB 113 182 67	#71B643

#4D5E18 #536C1F #597B26 #5F8A2D #659834 #6BA73B #71B643

#4D5E18 - #71B643

HSV Blend

#4D5E18 - #71B643 | 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 #4D5E18 as 0% and #71B643 as 100%.

0.0%	0.0% #4D5E18	RGB 77 94 24	#4D5E18
16.7%	16.7% #546C1D	RGB 84 108 29	#546C1D
33.3%	33.3% #5B7B24	RGB 91 123 36	#5B7B24
50.0%	50.0% #618A2B	RGB 97 138 43	#618A2B
66.7%	66.7% #679832	RGB 103 152 50	#679832
83.3%	83.3% #6CA73A	RGB 108 167 58	#6CA73A
100.0%	100.0% #71B643	RGB 113 182 67	#71B643

#4D5E18 #546C1D #5B7B24 #618A2B #679832 #6CA73A #71B643

#4D5E18 - #618A2B - #71B643

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E18 0%, #618A2B 50%, #71B643 100%);
    background: -webkit-linear-gradient(top, #4D5E18 0%, #618A2B 50%, #71B643 100%);
    background: linear-gradient(to bottom, #4D5E18 0%, #618A2B 50%, #71B643 100%);
}
</style>