#70EB5E - #26CA22 | 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 #70EB5E to #26CA22

#70EB5E #26CA22

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

#70EB5E - #26CA22 | 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 #70EB5E as 0% and #26CA22 as 100%.

0.0%	0.0% #70EB5E	RGB 112 235 94	#70EB5E
16.7%	16.7% #63E554	RGB 99 229 84	#63E554
33.3%	33.3% #57E04A	RGB 87 224 74	#57E04A
50.0%	50.0% #4BDA40	RGB 75 218 64	#4BDA40
66.7%	66.7% #3ED536	RGB 62 213 54	#3ED536
83.3%	83.3% #32CF2C	RGB 50 207 44	#32CF2C
100.0%	100.0% #26CA22	RGB 38 202 34	#26CA22

#70EB5E #63E554 #57E04A #4BDA40 #3ED536 #32CF2C #26CA22

#70EB5E - #26CA22

HSV Blend

#70EB5E - #26CA22 | 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 #70EB5E as 0% and #26CA22 as 100%.

0.0%	0.0% #70EB5E	RGB 112 235 94	#70EB5E
16.7%	16.7% #63E552	RGB 99 229 82	#63E552
33.3%	33.3% #56E048	RGB 86 224 72	#56E048
50.0%	50.0% #49DA3E	RGB 73 218 62	#49DA3E
66.7%	66.7% #3DD534	RGB 61 213 52	#3DD534
83.3%	83.3% #31CF2A	RGB 49 207 42	#31CF2A
100.0%	100.0% #26CA22	RGB 38 202 34	#26CA22

#70EB5E #63E552 #56E048 #49DA3E #3DD534 #31CF2A #26CA22

#70EB5E - #49DA3E - #26CA22

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #70EB5E 0%, #49DA3E 50%, #26CA22 100%);
    background: -webkit-linear-gradient(top, #70EB5E 0%, #49DA3E 50%, #26CA22 100%);
    background: linear-gradient(to bottom, #70EB5E 0%, #49DA3E 50%, #26CA22 100%);
}
</style>