#00A86C - #00301E | 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 #00A86C to #00301E

#00A86C #00301E

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

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

0.0%	0.0% #00A86C	RGB 0 168 108	#00A86C
16.7%	16.7% #00945F	RGB 0 148 95	#00945F
33.3%	33.3% #008052	RGB 0 128 82	#008052
50.0%	50.0% #006C45	RGB 0 108 69	#006C45
66.7%	66.7% #005838	RGB 0 88 56	#005838
83.3%	83.3% #00442B	RGB 0 68 43	#00442B
100.0%	100.0% #00301E	RGB 0 48 30	#00301E

#00A86C #00945F #008052 #006C45 #005838 #00442B #00301E

#00A86C - #00301E

HSV Blend

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

0.0%	0.0% #00A86C	RGB 0 168 108	#00A86C
16.7%	16.7% #00945E	RGB 0 148 94	#00945E
33.3%	33.3% #008051	RGB 0 128 81	#008051
50.0%	50.0% #006C44	RGB 0 108 68	#006C44
66.7%	66.7% #005837	RGB 0 88 55	#005837
83.3%	83.3% #00442A	RGB 0 68 42	#00442A
100.0%	100.0% #00301E	RGB 0 48 30	#00301E

#00A86C #00945E #008051 #006C44 #005837 #00442A #00301E

#00A86C - #006C44 - #00301E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A86C 0%, #006C44 50%, #00301E 100%);
    background: -webkit-linear-gradient(top, #00A86C 0%, #006C44 50%, #00301E 100%);
    background: linear-gradient(to bottom, #00A86C 0%, #006C44 50%, #00301E 100%);
}
</style>