#00C661 - #06FBA4 | 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 #00C661 to #06FBA4

#00C661 #06FBA4

Calculate the color between two colors, #00C661 and #06FBA4. 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)

#00C661 - #06FBA4 | 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 #00C661 as 0% and #06FBA4 as 100%.

0.0%	0.0% #00C661	RGB 0 198 97	#00C661
16.7%	16.7% #01CE6C	RGB 1 206 108	#01CE6C
33.3%	33.3% #02D777	RGB 2 215 119	#02D777
50.0%	50.0% #03E082	RGB 3 224 130	#03E082
66.7%	66.7% #04E98D	RGB 4 233 141	#04E98D
83.3%	83.3% #05F298	RGB 5 242 152	#05F298
100.0%	100.0% #06FBA4	RGB 6 251 164	#06FBA4

#00C661 #01CE6C #02D777 #03E082 #04E98D #05F298 #06FBA4

#00C661 - #06FBA4

HSV Blend

#00C661 - #06FBA4 | 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 #00C661 as 0% and #06FBA4 as 100%.

0.0%	0.0% #00C660	RGB 0 198 96	#00C660
16.7%	16.7% #00CE6B	RGB 0 206 107	#00CE6B
33.3%	33.3% #01D775	RGB 1 215 117	#01D775
50.0%	50.0% #02E080	RGB 2 224 128	#02E080
66.7%	66.7% #03E98B	RGB 3 233 139	#03E98B
83.3%	83.3% #04F297	RGB 4 242 151	#04F297
100.0%	100.0% #06FBA4	RGB 6 251 164	#06FBA4

#00C660 #00CE6B #01D775 #02E080 #03E98B #04F297 #06FBA4

#00C661 - #02E080 - #06FBA4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C660 0%, #02E080 50%, #06FBA4 100%);
    background: -webkit-linear-gradient(top, #00C660 0%, #02E080 50%, #06FBA4 100%);
    background: linear-gradient(to bottom, #00C660 0%, #02E080 50%, #06FBA4 100%);
}
</style>