#00A660 - #002F1A | 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 #00A660 to #002F1A

#00A660 #002F1A

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

#00A660 - #002F1A | 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 #00A660 as 0% and #002F1A as 100%.

0.0%	0.0% #00A660	RGB 0 166 96	#00A660
16.7%	16.7% #009254	RGB 0 146 84	#009254
33.3%	33.3% #007E48	RGB 0 126 72	#007E48
50.0%	50.0% #006A3D	RGB 0 106 61	#006A3D
66.7%	66.7% #005631	RGB 0 86 49	#005631
83.3%	83.3% #004225	RGB 0 66 37	#004225
100.0%	100.0% #002F1A	RGB 0 47 26	#002F1A

#00A660 #009254 #007E48 #006A3D #005631 #004225 #002F1A

#00A660 - #002F1A

HSV Blend

#00A660 - #002F1A | 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 #00A660 as 0% and #002F1A as 100%.

0.0%	0.0% #00A660	RGB 0 166 96	#00A660
16.7%	16.7% #009253	RGB 0 146 83	#009253
33.3%	33.3% #007E48	RGB 0 126 72	#007E48
50.0%	50.0% #006A3C	RGB 0 106 60	#006A3C
66.7%	66.7% #005630	RGB 0 86 48	#005630
83.3%	83.3% #004225	RGB 0 66 37	#004225
100.0%	100.0% #002F1A	RGB 0 47 26	#002F1A

#00A660 #009253 #007E48 #006A3C #005630 #004225 #002F1A

#00A660 - #006A3C - #002F1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A660 0%, #006A3C 50%, #002F1A 100%);
    background: -webkit-linear-gradient(top, #00A660 0%, #006A3C 50%, #002F1A 100%);
    background: linear-gradient(to bottom, #00A660 0%, #006A3C 50%, #002F1A 100%);
}
</style>