#70FF70 - #1DEC30 | 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 #70FF70 to #1DEC30

#70FF70 #1DEC30

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

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

0.0%	0.0% #70FF70	RGB 112 255 112	#70FF70
16.7%	16.7% #62FB65	RGB 98 251 101	#62FB65
33.3%	33.3% #54F85A	RGB 84 248 90	#54F85A
50.0%	50.0% #46F550	RGB 70 245 80	#46F550
66.7%	66.7% #38F245	RGB 56 242 69	#38F245
83.3%	83.3% #2AEF3A	RGB 42 239 58	#2AEF3A
100.0%	100.0% #1DEC30	RGB 29 236 48	#1DEC30

#70FF70 #62FB65 #54F85A #46F550 #38F245 #2AEF3A #1DEC30

#70FF70 - #1DEC30

HSV Blend

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

0.0%	0.0% #70FF70	RGB 112 255 112	#70FF70
16.7%	16.7% #61FB63	RGB 97 251 99	#61FB63
33.3%	33.3% #52F858	RGB 82 248 88	#52F858
50.0%	50.0% #44F54D	RGB 68 245 77	#44F54D
66.7%	66.7% #37F242	RGB 55 242 66	#37F242
83.3%	83.3% #29EF39	RGB 41 239 57	#29EF39
100.0%	100.0% #1DEC30	RGB 29 236 48	#1DEC30

#70FF70 #61FB63 #52F858 #44F54D #37F242 #29EF39 #1DEC30

#70FF70 - #44F54D - #1DEC30

CSS codes

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

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