#4A8C39 - #1C5D09 | 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 #4A8C39 to #1C5D09

#4A8C39 #1C5D09

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

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

0.0%	0.0% #4A8C39	RGB 74 140 57	#4A8C39
16.7%	16.7% #428431	RGB 66 132 49	#428431
33.3%	33.3% #3A7C29	RGB 58 124 41	#3A7C29
50.0%	50.0% #337421	RGB 51 116 33	#337421
66.7%	66.7% #2B6C19	RGB 43 108 25	#2B6C19
83.3%	83.3% #236411	RGB 35 100 17	#236411
100.0%	100.0% #1C5D09	RGB 28 93 9	#1C5D09

#4A8C39 #428431 #3A7C29 #337421 #2B6C19 #236411 #1C5D09

#4A8C39 - #1C5D09

HSV Blend

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

0.0%	0.0% #4A8C39	RGB 74 140 57	#4A8C39
16.7%	16.7% #40842E	RGB 64 132 46	#40842E
33.3%	33.3% #387C25	RGB 56 124 37	#387C25
50.0%	50.0% #30741D	RGB 48 116 29	#30741D
66.7%	66.7% #286C15	RGB 40 108 21	#286C15
83.3%	83.3% #22640E	RGB 34 100 14	#22640E
100.0%	100.0% #1C5D09	RGB 28 93 9	#1C5D09

#4A8C39 #40842E #387C25 #30741D #286C15 #22640E #1C5D09

#4A8C39 - #30741D - #1C5D09

CSS codes

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

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