#4A8F41 - #1B620B | 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 #4A8F41 to #1B620B

#4A8F41 #1B620B

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

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

0.0%	0.0% #4A8F41	RGB 74 143 65	#4A8F41
16.7%	16.7% #428738	RGB 66 135 56	#428738
33.3%	33.3% #3A802F	RGB 58 128 47	#3A802F
50.0%	50.0% #327826	RGB 50 120 38	#327826
66.7%	66.7% #2A711D	RGB 42 113 29	#2A711D
83.3%	83.3% #226914	RGB 34 105 20	#226914
100.0%	100.0% #1B620B	RGB 27 98 11	#1B620B

#4A8F41 #428738 #3A802F #327826 #2A711D #226914 #1B620B

#4A8F41 - #1B620B

HSV Blend

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

0.0%	0.0% #4A8F41	RGB 74 143 65	#4A8F41
16.7%	16.7% #408735	RGB 64 135 53	#408735
33.3%	33.3% #37802B	RGB 55 128 43	#37802B
50.0%	50.0% #2F7822	RGB 47 120 34	#2F7822
66.7%	66.7% #277119	RGB 39 113 25	#277119
83.3%	83.3% #206911	RGB 32 105 17	#206911
100.0%	100.0% #1B620B	RGB 27 98 11	#1B620B

#4A8F41 #408735 #37802B #2F7822 #277119 #206911 #1B620B

#4A8F41 - #2F7822 - #1B620B

CSS codes

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

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