#3A7E5E - #98D464 | 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 #3A7E5E to #98D464

#3A7E5E #98D464

Calculate the color between two colors, #3A7E5E and #98D464. 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)

#3A7E5E - #98D464 | 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 #3A7E5E as 0% and #98D464 as 100%.

0.0%	0.0% #3A7E5E	RGB 58 126 94	#3A7E5E
16.7%	16.7% #498C5F	RGB 73 140 95	#498C5F
33.3%	33.3% #599A60	RGB 89 154 96	#599A60
50.0%	50.0% #69A961	RGB 105 169 97	#69A961
66.7%	66.7% #78B762	RGB 120 183 98	#78B762
83.3%	83.3% #88C563	RGB 136 197 99	#88C563
100.0%	100.0% #98D464	RGB 152 212 100	#98D464

#3A7E5E #498C5F #599A60 #69A961 #78B762 #88C563 #98D464

#3A7E5E - #98D464

HSV Blend

#3A7E5E - #98D464 | 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 #3A7E5E as 0% and #98D464 as 100%.

0.0%	0.0% #3A7E5E	RGB 58 126 94	#3A7E5E
16.7%	16.7% #408C5C	RGB 64 140 92	#408C5C
33.3%	33.3% #479A58	RGB 71 154 88	#479A58
50.0%	50.0% #4EA951	RGB 78 169 81	#4EA951
66.7%	66.7% #62B755	RGB 98 183 85	#62B755
83.3%	83.3% #7CC55C	RGB 124 197 92	#7CC55C
100.0%	100.0% #98D464	RGB 152 212 100	#98D464

#3A7E5E #408C5C #479A58 #4EA951 #62B755 #7CC55C #98D464

#3A7E5E - #4EA951 - #98D464

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A7E5E 0%, #4EA951 50%, #98D464 100%);
    background: -webkit-linear-gradient(top, #3A7E5E 0%, #4EA951 50%, #98D464 100%);
    background: linear-gradient(to bottom, #3A7E5E 0%, #4EA951 50%, #98D464 100%);
}
</style>