#4DCF5E - #128E3B | 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 #4DCF5E to #128E3B

#4DCF5E #128E3B

Calculate the color between two colors, #4DCF5E and #128E3B. 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)

#4DCF5E - #128E3B | 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 #4DCF5E as 0% and #128E3B as 100%.

0.0%	0.0% #4DCF5E	RGB 77 207 94	#4DCF5E
16.7%	16.7% #43C458	RGB 67 196 88	#43C458
33.3%	33.3% #39B952	RGB 57 185 82	#39B952
50.0%	50.0% #2FAE4C	RGB 47 174 76	#2FAE4C
66.7%	66.7% #25A346	RGB 37 163 70	#25A346
83.3%	83.3% #1B9840	RGB 27 152 64	#1B9840
100.0%	100.0% #128E3B	RGB 18 142 59	#128E3B

#4DCF5E #43C458 #39B952 #2FAE4C #25A346 #1B9840 #128E3B

#4DCF5E - #128E3B

HSV Blend

#4DCF5E - #128E3B | 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 #4DCF5E as 0% and #128E3B as 100%.

0.0%	0.0% #4DCF5E	RGB 77 207 94	#4DCF5E
16.7%	16.7% #40C456	RGB 64 196 86	#40C456
33.3%	33.3% #35B94F	RGB 53 185 79	#35B94F
50.0%	50.0% #2BAE49	RGB 43 174 73	#2BAE49
66.7%	66.7% #22A344	RGB 34 163 68	#22A344
83.3%	83.3% #19983F	RGB 25 152 63	#19983F
100.0%	100.0% #128E3B	RGB 18 142 59	#128E3B

#4DCF5E #40C456 #35B94F #2BAE49 #22A344 #19983F #128E3B

#4DCF5E - #2BAE49 - #128E3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DCF5E 0%, #2BAE49 50%, #128E3B 100%);
    background: -webkit-linear-gradient(top, #4DCF5E 0%, #2BAE49 50%, #128E3B 100%);
    background: linear-gradient(to bottom, #4DCF5E 0%, #2BAE49 50%, #128E3B 100%);
}
</style>