#00CC06 - #005F25 | 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 #00CC06 to #005F25

#00CC06 #005F25

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

#00CC06 - #005F25 | 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 #00CC06 as 0% and #005F25 as 100%.

0.0%	0.0% #00CC06	RGB 0 204 6	#00CC06
16.7%	16.7% #00B90B	RGB 0 185 11	#00B90B
33.3%	33.3% #00A710	RGB 0 167 16	#00A710
50.0%	50.0% #009515	RGB 0 149 21	#009515
66.7%	66.7% #00831A	RGB 0 131 26	#00831A
83.3%	83.3% #00711F	RGB 0 113 31	#00711F
100.0%	100.0% #005F25	RGB 0 95 37	#005F25

#00CC06 #00B90B #00A710 #009515 #00831A #00711F #005F25

#00CC06 - #005F25

HSV Blend

#00CC06 - #005F25 | 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 #00CC06 as 0% and #005F25 as 100%.

0.0%	0.0% #00CC05	RGB 0 204 5	#00CC05
16.7%	16.7% #00B910	RGB 0 185 16	#00B910
33.3%	33.3% #00A719	RGB 0 167 25	#00A719
50.0%	50.0% #00951F	RGB 0 149 31	#00951F
66.7%	66.7% #008323	RGB 0 131 35	#008323
83.3%	83.3% #007125	RGB 0 113 37	#007125
100.0%	100.0% #005F25	RGB 0 95 37	#005F25

#00CC05 #00B910 #00A719 #00951F #008323 #007125 #005F25

#00CC06 - #00951F - #005F25

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00CC05 0%, #00951F 50%, #005F25 100%);
    background: -webkit-linear-gradient(top, #00CC05 0%, #00951F 50%, #005F25 100%);
    background: linear-gradient(to bottom, #00CC05 0%, #00951F 50%, #005F25 100%);
}
</style>