#00DA3C - #00A120 | 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 #00DA3C to #00A120

#00DA3C #00A120

Calculate the color between two colors, #00DA3C and #00A120. 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)

#00DA3C - #00A120 | 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 #00DA3C as 0% and #00A120 as 100%.

0.0%	0.0% #00DA3C	RGB 0 218 60	#00DA3C
16.7%	16.7% #00D037	RGB 0 208 55	#00D037
33.3%	33.3% #00C732	RGB 0 199 50	#00C732
50.0%	50.0% #00BD2E	RGB 0 189 46	#00BD2E
66.7%	66.7% #00B429	RGB 0 180 41	#00B429
83.3%	83.3% #00AA24	RGB 0 170 36	#00AA24
100.0%	100.0% #00A120	RGB 0 161 32	#00A120

#00DA3C #00D037 #00C732 #00BD2E #00B429 #00AA24 #00A120

#00DA3C - #00A120

HSV Blend

#00DA3C - #00A120 | 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 #00DA3C as 0% and #00A120 as 100%.

0.0%	0.0% #00DA3C	RGB 0 218 60	#00DA3C
16.7%	16.7% #00D036	RGB 0 208 54	#00D036
33.3%	33.3% #00C731	RGB 0 199 49	#00C731
50.0%	50.0% #00BD2C	RGB 0 189 44	#00BD2C
66.7%	66.7% #00B428	RGB 0 180 40	#00B428
83.3%	83.3% #00AA24	RGB 0 170 36	#00AA24
100.0%	100.0% #00A120	RGB 0 161 32	#00A120

#00DA3C #00D036 #00C731 #00BD2C #00B428 #00AA24 #00A120

#00DA3C - #00BD2C - #00A120

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DA3C 0%, #00BD2C 50%, #00A120 100%);
    background: -webkit-linear-gradient(top, #00DA3C 0%, #00BD2C 50%, #00A120 100%);
    background: linear-gradient(to bottom, #00DA3C 0%, #00BD2C 50%, #00A120 100%);
}
</style>