#4DFF9C - #00DC74 | 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 #4DFF9C to #00DC74

#4DFF9C #00DC74

Calculate the color between two colors, #4DFF9C and #00DC74. 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)

#4DFF9C - #00DC74 | 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 #4DFF9C as 0% and #00DC74 as 100%.

0.0%	0.0% #4DFF9C	RGB 77 255 156	#4DFF9C
16.7%	16.7% #40F995	RGB 64 249 149	#40F995
33.3%	33.3% #33F38E	RGB 51 243 142	#33F38E
50.0%	50.0% #26ED88	RGB 38 237 136	#26ED88
66.7%	66.7% #19E781	RGB 25 231 129	#19E781
83.3%	83.3% #0CE17A	RGB 12 225 122	#0CE17A
100.0%	100.0% #00DC74	RGB 0 220 116	#00DC74

#4DFF9C #40F995 #33F38E #26ED88 #19E781 #0CE17A #00DC74

#4DFF9C - #00DC74

HSV Blend

#4DFF9C - #00DC74 | 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 #4DFF9C as 0% and #00DC74 as 100%.

0.0%	0.0% #4DFF9B	RGB 77 255 155	#4DFF9B
16.7%	16.7% #3EF994	RGB 62 249 148	#3EF994
33.3%	33.3% #30F38C	RGB 48 243 140	#30F38C
50.0%	50.0% #23ED85	RGB 35 237 133	#23ED85
66.7%	66.7% #17E77F	RGB 23 231 127	#17E77F
83.3%	83.3% #0BE179	RGB 11 225 121	#0BE179
100.0%	100.0% #00DC74	RGB 0 220 116	#00DC74

#4DFF9B #3EF994 #30F38C #23ED85 #17E77F #0BE179 #00DC74

#4DFF9C - #23ED85 - #00DC74

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DFF9B 0%, #23ED85 50%, #00DC74 100%);
    background: -webkit-linear-gradient(top, #4DFF9B 0%, #23ED85 50%, #00DC74 100%);
    background: linear-gradient(to bottom, #4DFF9B 0%, #23ED85 50%, #00DC74 100%);
}
</style>