#70BC5E - #FFED81 | 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 #70BC5E to #FFED81

#70BC5E #FFED81

Calculate the color between two colors, #70BC5E and #FFED81. 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)

#70BC5E - #FFED81 | 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 #70BC5E as 0% and #FFED81 as 100%.

0.0%	0.0% #70BC5E	RGB 112 188 94	#70BC5E
16.7%	16.7% #87C463	RGB 135 196 99	#87C463
33.3%	33.3% #9FCC69	RGB 159 204 105	#9FCC69
50.0%	50.0% #B7D46F	RGB 183 212 111	#B7D46F
66.7%	66.7% #CFDC75	RGB 207 220 117	#CFDC75
83.3%	83.3% #E7E47B	RGB 231 228 123	#E7E47B
100.0%	100.0% #FFED81	RGB 255 237 129	#FFED81

#70BC5E #87C463 #9FCC69 #B7D46F #CFDC75 #E7E47B #FFED81

#70BC5E - #FFED81

HSV Blend

#70BC5E - #FFED81 | 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 #70BC5E as 0% and #FFED81 as 100%.

0.0%	0.0% #70BC5E	RGB 112 188 94	#70BC5E
16.7%	16.7% #86C763	RGB 134 199 99	#86C763
33.3%	33.3% #9ED269	RGB 158 210 105	#9ED269
50.0%	50.0% #B8DD6F	RGB 184 221 111	#B8DD6F
66.7%	66.7% #D4E875	RGB 212 232 117	#D4E875
83.3%	83.3% #F1F37B	RGB 241 243 123	#F1F37B
100.0%	100.0% #FFED81	RGB 255 237 129	#FFED81

#70BC5E #86C763 #9ED269 #B8DD6F #D4E875 #F1F37B #FFED81

#70BC5E - #B8DD6F - #FFED81

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #70BC5E 0%, #B8DD6F 50%, #FFED81 100%);
    background: -webkit-linear-gradient(top, #70BC5E 0%, #B8DD6F 50%, #FFED81 100%);
    background: linear-gradient(to bottom, #70BC5E 0%, #B8DD6F 50%, #FFED81 100%);
}
</style>