#00963C - #4FF2D8 | 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 #00963C to #4FF2D8

#00963C #4FF2D8

Calculate the color between two colors, #00963C and #4FF2D8. 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)

#00963C - #4FF2D8 | 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 #00963C as 0% and #4FF2D8 as 100%.

0.0%	0.0% #00963C	RGB 0 150 60	#00963C
16.7%	16.7% #0DA556	RGB 13 165 86	#0DA556
33.3%	33.3% #1AB470	RGB 26 180 112	#1AB470
50.0%	50.0% #27C48A	RGB 39 196 138	#27C48A
66.7%	66.7% #34D3A4	RGB 52 211 164	#34D3A4
83.3%	83.3% #41E2BE	RGB 65 226 190	#41E2BE
100.0%	100.0% #4FF2D8	RGB 79 242 216	#4FF2D8

#00963C #0DA556 #1AB470 #27C48A #34D3A4 #41E2BE #4FF2D8

#00963C - #4FF2D8

HSV Blend

#00963C - #4FF2D8 | 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 #00963C as 0% and #4FF2D8 as 100%.

0.0%	0.0% #00963C	RGB 0 150 60	#00963C
16.7%	16.7% #08A553	RGB 8 165 83	#08A553
33.3%	33.3% #13B46B	RGB 19 180 107	#13B46B
50.0%	50.0% #1FC485	RGB 31 196 133	#1FC485
66.7%	66.7% #2DD3A0	RGB 45 211 160	#2DD3A0
83.3%	83.3% #3DE2BC	RGB 61 226 188	#3DE2BC
100.0%	100.0% #4FF2D8	RGB 79 242 216	#4FF2D8

#00963C #08A553 #13B46B #1FC485 #2DD3A0 #3DE2BC #4FF2D8

#00963C - #1FC485 - #4FF2D8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00963C 0%, #1FC485 50%, #4FF2D8 100%);
    background: -webkit-linear-gradient(top, #00963C 0%, #1FC485 50%, #4FF2D8 100%);
    background: linear-gradient(to bottom, #00963C 0%, #1FC485 50%, #4FF2D8 100%);
}
</style>