#4A8C47 - #1A620C | 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 #4A8C47 to #1A620C

#4A8C47 #1A620C

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

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

0.0%	0.0% #4A8C47	RGB 74 140 71	#4A8C47
16.7%	16.7% #42853D	RGB 66 133 61	#42853D
33.3%	33.3% #3A7E33	RGB 58 126 51	#3A7E33
50.0%	50.0% #327729	RGB 50 119 41	#327729
66.7%	66.7% #2A701F	RGB 42 112 31	#2A701F
83.3%	83.3% #226915	RGB 34 105 21	#226915
100.0%	100.0% #1A620C	RGB 26 98 12	#1A620C

#4A8C47 #42853D #3A7E33 #327729 #2A701F #226915 #1A620C

#4A8C47 - #1A620C

HSV Blend

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

0.0%	0.0% #498C47	RGB 73 140 71	#498C47
16.7%	16.7% #3F853A	RGB 63 133 58	#3F853A
33.3%	33.3% #367E2F	RGB 54 126 47	#367E2F
50.0%	50.0% #2D7725	RGB 45 119 37	#2D7725
66.7%	66.7% #26701C	RGB 38 112 28	#26701C
83.3%	83.3% #1F6913	RGB 31 105 19	#1F6913
100.0%	100.0% #1A620C	RGB 26 98 12	#1A620C

#498C47 #3F853A #367E2F #2D7725 #26701C #1F6913 #1A620C

#4A8C47 - #2D7725 - #1A620C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #498C47 0%, #2D7725 50%, #1A620C 100%);
    background: -webkit-linear-gradient(top, #498C47 0%, #2D7725 50%, #1A620C 100%);
    background: linear-gradient(to bottom, #498C47 0%, #2D7725 50%, #1A620C 100%);
}
</style>