#0FFFA2 - #00DA7F | 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 #0FFFA2 to #00DA7F

#0FFFA2 #00DA7F

Calculate the color between two colors, #0FFFA2 and #00DA7F. 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)

#0FFFA2 - #00DA7F | 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 #0FFFA2 as 0% and #00DA7F as 100%.

0.0%	0.0% #0FFFA2	RGB 15 255 162	#0FFFA2
16.7%	16.7% #0CF89C	RGB 12 248 156	#0CF89C
33.3%	33.3% #0AF296	RGB 10 242 150	#0AF296
50.0%	50.0% #07EC90	RGB 7 236 144	#07EC90
66.7%	66.7% #05E68A	RGB 5 230 138	#05E68A
83.3%	83.3% #02E084	RGB 2 224 132	#02E084
100.0%	100.0% #00DA7F	RGB 0 218 127	#00DA7F

#0FFFA2 #0CF89C #0AF296 #07EC90 #05E68A #02E084 #00DA7F

#0FFFA2 - #00DA7F

HSV Blend

#0FFFA2 - #00DA7F | 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 #0FFFA2 as 0% and #00DA7F as 100%.

0.0%	0.0% #0EFFA2	RGB 14 255 162	#0EFFA2
16.7%	16.7% #0CF89B	RGB 12 248 155	#0CF89B
33.3%	33.3% #09F295	RGB 9 242 149	#09F295
50.0%	50.0% #06EC90	RGB 6 236 144	#06EC90
66.7%	66.7% #04E68A	RGB 4 230 138	#04E68A
83.3%	83.3% #02E084	RGB 2 224 132	#02E084
100.0%	100.0% #00DA7F	RGB 0 218 127	#00DA7F

#0EFFA2 #0CF89B #09F295 #06EC90 #04E68A #02E084 #00DA7F

#0FFFA2 - #06EC90 - #00DA7F

CSS codes

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

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