#3A5E04 - #5CB03B | 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 #3A5E04 to #5CB03B

#3A5E04 #5CB03B

Calculate the color between two colors, #3A5E04 and #5CB03B. 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)

#3A5E04 - #5CB03B | 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 #3A5E04 as 0% and #5CB03B as 100%.

0.0%	0.0% #3A5E04	RGB 58 94 4	#3A5E04
16.7%	16.7% #3F6B0D	RGB 63 107 13	#3F6B0D
33.3%	33.3% #457916	RGB 69 121 22	#457916
50.0%	50.0% #4B871F	RGB 75 135 31	#4B871F
66.7%	66.7% #509428	RGB 80 148 40	#509428
83.3%	83.3% #56A231	RGB 86 162 49	#56A231
100.0%	100.0% #5CB03B	RGB 92 176 59	#5CB03B

#3A5E04 #3F6B0D #457916 #4B871F #509428 #56A231 #5CB03B

#3A5E04 - #5CB03B

HSV Blend

#3A5E04 - #5CB03B | 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 #3A5E04 as 0% and #5CB03B as 100%.

0.0%	0.0% #3A5E03	RGB 58 94 3	#3A5E03
16.7%	16.7% #3F6B09	RGB 63 107 9	#3F6B09
33.3%	33.3% #447911	RGB 68 121 17	#447911
50.0%	50.0% #498719	RGB 73 135 25	#498719
66.7%	66.7% #4F9423	RGB 79 148 35	#4F9423
83.3%	83.3% #55A22E	RGB 85 162 46	#55A22E
100.0%	100.0% #5CB03B	RGB 92 176 59	#5CB03B

#3A5E03 #3F6B09 #447911 #498719 #4F9423 #55A22E #5CB03B

#3A5E04 - #498719 - #5CB03B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A5E03 0%, #498719 50%, #5CB03B 100%);
    background: -webkit-linear-gradient(top, #3A5E03 0%, #498719 50%, #5CB03B 100%);
    background: linear-gradient(to bottom, #3A5E03 0%, #498719 50%, #5CB03B 100%);
}
</style>