#00A865 - #00301C | 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 #00A865 to #00301C

#00A865 #00301C

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

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

0.0%	0.0% #00A865	RGB 0 168 101	#00A865
16.7%	16.7% #009458	RGB 0 148 88	#009458
33.3%	33.3% #00804C	RGB 0 128 76	#00804C
50.0%	50.0% #006C40	RGB 0 108 64	#006C40
66.7%	66.7% #005834	RGB 0 88 52	#005834
83.3%	83.3% #004428	RGB 0 68 40	#004428
100.0%	100.0% #00301C	RGB 0 48 28	#00301C

#00A865 #009458 #00804C #006C40 #005834 #004428 #00301C

#00A865 - #00301C

HSV Blend

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

0.0%	0.0% #00A865	RGB 0 168 101	#00A865
16.7%	16.7% #009458	RGB 0 148 88	#009458
33.3%	33.3% #00804C	RGB 0 128 76	#00804C
50.0%	50.0% #006C3F	RGB 0 108 63	#006C3F
66.7%	66.7% #005833	RGB 0 88 51	#005833
83.3%	83.3% #004427	RGB 0 68 39	#004427
100.0%	100.0% #00301C	RGB 0 48 28	#00301C

#00A865 #009458 #00804C #006C3F #005833 #004427 #00301C

#00A865 - #006C3F - #00301C

CSS codes

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

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