#00A830 - #00740E | 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 #00A830 to #00740E

#00A830 #00740E

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

#00A830 - #00740E | 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 #00A830 as 0% and #00740E as 100%.

0.0%	0.0% #00A830	RGB 0 168 48	#00A830
16.7%	16.7% #009F2A	RGB 0 159 42	#009F2A
33.3%	33.3% #009624	RGB 0 150 36	#009624
50.0%	50.0% #008E1F	RGB 0 142 31	#008E1F
66.7%	66.7% #008519	RGB 0 133 25	#008519
83.3%	83.3% #007C13	RGB 0 124 19	#007C13
100.0%	100.0% #00740E	RGB 0 116 14	#00740E

#00A830 #009F2A #009624 #008E1F #008519 #007C13 #00740E

#00A830 - #00740E

HSV Blend

#00A830 - #00740E | 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 #00A830 as 0% and #00740E as 100%.

0.0%	0.0% #00A830	RGB 0 168 48	#00A830
16.7%	16.7% #009F29	RGB 0 159 41	#009F29
33.3%	33.3% #009622	RGB 0 150 34	#009622
50.0%	50.0% #008E1C	RGB 0 142 28	#008E1C
66.7%	66.7% #008517	RGB 0 133 23	#008517
83.3%	83.3% #007C12	RGB 0 124 18	#007C12
100.0%	100.0% #00740E	RGB 0 116 14	#00740E

#00A830 #009F29 #009622 #008E1C #008517 #007C12 #00740E

#00A830 - #008E1C - #00740E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A830 0%, #008E1C 50%, #00740E 100%);
    background: -webkit-linear-gradient(top, #00A830 0%, #008E1C 50%, #00740E 100%);
    background: linear-gradient(to bottom, #00A830 0%, #008E1C 50%, #00740E 100%);
}
</style>