#3A5E28 - #5CC06B | 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 #3A5E28 to #5CC06B

#3A5E28 #5CC06B

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

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

0.0%	0.0% #3A5E28	RGB 58 94 40	#3A5E28
16.7%	16.7% #3F6E33	RGB 63 110 51	#3F6E33
33.3%	33.3% #457E3E	RGB 69 126 62	#457E3E
50.0%	50.0% #4B8F49	RGB 75 143 73	#4B8F49
66.7%	66.7% #509F54	RGB 80 159 84	#509F54
83.3%	83.3% #56AF5F	RGB 86 175 95	#56AF5F
100.0%	100.0% #5CC06B	RGB 92 192 107	#5CC06B

#3A5E28 #3F6E33 #457E3E #4B8F49 #509F54 #56AF5F #5CC06B

#3A5E28 - #5CC06B

HSV Blend

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

0.0%	0.0% #3A5E28	RGB 58 94 40	#3A5E28
16.7%	16.7% #3F6E2F	RGB 63 110 47	#3F6E2F
33.3%	33.3% #447E38	RGB 68 126 56	#447E38
50.0%	50.0% #478F40	RGB 71 143 64	#478F40
66.7%	66.7% #4A9F49	RGB 74 159 73	#4A9F49
83.3%	83.3% #52AF59	RGB 82 175 89	#52AF59
100.0%	100.0% #5CC06B	RGB 92 192 107	#5CC06B

#3A5E28 #3F6E2F #447E38 #478F40 #4A9F49 #52AF59 #5CC06B

#3A5E28 - #478F40 - #5CC06B

CSS codes

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

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