#4D9C2D - #1D6508 | 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 #4D9C2D to #1D6508

#4D9C2D #1D6508

Calculate the color between two colors, #4D9C2D and #1D6508. 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)

#4D9C2D - #1D6508 | 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 #4D9C2D as 0% and #1D6508 as 100%.

0.0%	0.0% #4D9C2D	RGB 77 156 45	#4D9C2D
16.7%	16.7% #459226	RGB 69 146 38	#459226
33.3%	33.3% #3D8920	RGB 61 137 32	#3D8920
50.0%	50.0% #35801A	RGB 53 128 26	#35801A
66.7%	66.7% #2D7714	RGB 45 119 20	#2D7714
83.3%	83.3% #256E0E	RGB 37 110 14	#256E0E
100.0%	100.0% #1D6508	RGB 29 101 8	#1D6508

#4D9C2D #459226 #3D8920 #35801A #2D7714 #256E0E #1D6508

#4D9C2D - #1D6508

HSV Blend

#4D9C2D - #1D6508 | 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 #4D9C2D as 0% and #1D6508 as 100%.

0.0%	0.0% #4C9C2C	RGB 76 156 44	#4C9C2C
16.7%	16.7% #439225	RGB 67 146 37	#439225
33.3%	33.3% #3A891E	RGB 58 137 30	#3A891E
50.0%	50.0% #328017	RGB 50 128 23	#328017
66.7%	66.7% #2A7711	RGB 42 119 17	#2A7711
83.3%	83.3% #236E0C	RGB 35 110 12	#236E0C
100.0%	100.0% #1D6508	RGB 29 101 8	#1D6508

#4C9C2C #439225 #3A891E #328017 #2A7711 #236E0C #1D6508

#4D9C2D - #328017 - #1D6508

CSS codes

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

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