#00FF4D - #FFFF94 | 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 #00FF4D to #FFFF94

#00FF4D #FFFF94

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

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

0.0%	0.0% #00FF4D	RGB 0 255 77	#00FF4D
16.7%	16.7% #2AFF58	RGB 42 255 88	#2AFF58
33.3%	33.3% #55FF64	RGB 85 255 100	#55FF64
50.0%	50.0% #7FFF70	RGB 127 255 112	#7FFF70
66.7%	66.7% #AAFF7C	RGB 170 255 124	#AAFF7C
83.3%	83.3% #D4FF88	RGB 212 255 136	#D4FF88
100.0%	100.0% #FFFF94	RGB 255 255 148	#FFFF94

#00FF4D #2AFF58 #55FF64 #7FFF70 #AAFF7C #D4FF88 #FFFF94

#00FF4D - #FFFF94

HSV Blend

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

0.0%	0.0% #00FF4D	RGB 0 255 77	#00FF4D
16.7%	16.7% #18FF2C	RGB 24 255 44	#18FF2C
33.3%	33.3% #4CFF31	RGB 76 255 49	#4CFF31
50.0%	50.0% #89FF49	RGB 137 255 73	#89FF49
66.7%	66.7% #BBFF62	RGB 187 255 98	#BBFF62
83.3%	83.3% #E2FF7B	RGB 226 255 123	#E2FF7B
100.0%	100.0% #FFFF94	RGB 255 255 148	#FFFF94

#00FF4D #18FF2C #4CFF31 #89FF49 #BBFF62 #E2FF7B #FFFF94

#00FF4D - #89FF49 - #FFFF94

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00FF4D 0%, #89FF49 50%, #FFFF94 100%);
    background: -webkit-linear-gradient(top, #00FF4D 0%, #89FF49 50%, #FFFF94 100%);
    background: linear-gradient(to bottom, #00FF4D 0%, #89FF49 50%, #FFFF94 100%);
}
</style>