#70FF9A - #1DEC6E | 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 #70FF9A to #1DEC6E

#70FF9A #1DEC6E

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

#70FF9A - #1DEC6E | 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 #70FF9A as 0% and #1DEC6E as 100%.

0.0%	0.0% #70FF9A	RGB 112 255 154	#70FF9A
16.7%	16.7% #62FB92	RGB 98 251 146	#62FB92
33.3%	33.3% #54F88B	RGB 84 248 139	#54F88B
50.0%	50.0% #46F584	RGB 70 245 132	#46F584
66.7%	66.7% #38F27C	RGB 56 242 124	#38F27C
83.3%	83.3% #2AEF75	RGB 42 239 117	#2AEF75
100.0%	100.0% #1DEC6E	RGB 29 236 110	#1DEC6E

#70FF9A #62FB92 #54F88B #46F584 #38F27C #2AEF75 #1DEC6E

#70FF9A - #1DEC6E

HSV Blend

#70FF9A - #1DEC6E | 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 #70FF9A as 0% and #1DEC6E as 100%.

0.0%	0.0% #70FF99	RGB 112 255 153	#70FF99
16.7%	16.7% #61FB91	RGB 97 251 145	#61FB91
33.3%	33.3% #52F889	RGB 82 248 137	#52F889
50.0%	50.0% #44F581	RGB 68 245 129	#44F581
66.7%	66.7% #37F27A	RGB 55 242 122	#37F27A
83.3%	83.3% #29EF73	RGB 41 239 115	#29EF73
100.0%	100.0% #1DEC6E	RGB 29 236 110	#1DEC6E

#70FF99 #61FB91 #52F889 #44F581 #37F27A #29EF73 #1DEC6E

#70FF9A - #44F581 - #1DEC6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #70FF99 0%, #44F581 50%, #1DEC6E 100%);
    background: -webkit-linear-gradient(top, #70FF99 0%, #44F581 50%, #1DEC6E 100%);
    background: linear-gradient(to bottom, #70FF99 0%, #44F581 50%, #1DEC6E 100%);
}
</style>