#2FD474 - #D8FF7E | 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 #2FD474 to #D8FF7E

#2FD474 #D8FF7E

Calculate the color between two colors, #2FD474 and #D8FF7E. 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)

#2FD474 - #D8FF7E | 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 #2FD474 as 0% and #D8FF7E as 100%.

0.0%	0.0% #2FD474	RGB 47 212 116	#2FD474
16.7%	16.7% #4BDB75	RGB 75 219 117	#4BDB75
33.3%	33.3% #67E277	RGB 103 226 119	#67E277
50.0%	50.0% #83E979	RGB 131 233 121	#83E979
66.7%	66.7% #9FF07A	RGB 159 240 122	#9FF07A
83.3%	83.3% #BBF77C	RGB 187 247 124	#BBF77C
100.0%	100.0% #D8FF7E	RGB 216 255 126	#D8FF7E

#2FD474 #4BDB75 #67E277 #83E979 #9FF07A #BBF77C #D8FF7E

#2FD474 - #D8FF7E

HSV Blend

#2FD474 - #D8FF7E | 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 #2FD474 as 0% and #D8FF7E as 100%.

0.0%	0.0% #2FD474	RGB 47 212 116	#2FD474
16.7%	16.7% #3ADB5F	RGB 58 219 95	#3ADB5F
33.3%	33.3% #46E24D	RGB 70 226 77	#46E24D
50.0%	50.0% #68E953	RGB 104 233 83	#68E953
66.7%	66.7% #8FF061	RGB 143 240 97	#8FF061
83.3%	83.3% #B5F76F	RGB 181 247 111	#B5F76F
100.0%	100.0% #D8FF7E	RGB 216 255 126	#D8FF7E

#2FD474 #3ADB5F #46E24D #68E953 #8FF061 #B5F76F #D8FF7E

#2FD474 - #68E953 - #D8FF7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FD474 0%, #68E953 50%, #D8FF7E 100%);
    background: -webkit-linear-gradient(top, #2FD474 0%, #68E953 50%, #D8FF7E 100%);
    background: linear-gradient(to bottom, #2FD474 0%, #68E953 50%, #D8FF7E 100%);
}
</style>