#70FF70 - #FFFF94 | 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 #FFFF94

#70FF70 #FFFF94

Calculate the color between two colors, #70FF70 and #FFFF94. 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 - #FFFF94 | 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 #FFFF94 as 100%.

0.0%	0.0% #70FF70	RGB 112 255 112	#70FF70
16.7%	16.7% #87FF76	RGB 135 255 118	#87FF76
33.3%	33.3% #9FFF7C	RGB 159 255 124	#9FFF7C
50.0%	50.0% #B7FF82	RGB 183 255 130	#B7FF82
66.7%	66.7% #CFFF88	RGB 207 255 136	#CFFF88
83.3%	83.3% #E7FF8E	RGB 231 255 142	#E7FF8E
100.0%	100.0% #FFFF94	RGB 255 255 148	#FFFF94

#70FF70 #87FF76 #9FFF7C #B7FF82 #CFFF88 #E7FF8E #FFFF94

#70FF70 - #FFFF94

HSV Blend

#70FF70 - #FFFF94 | 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 #FFFF94 as 100%.

0.0%	0.0% #70FF70	RGB 112 255 112	#70FF70
16.7%	16.7% #8CFF76	RGB 140 255 118	#8CFF76
33.3%	33.3% #A7FF7C	RGB 167 255 124	#A7FF7C
50.0%	50.0% #C0FF82	RGB 192 255 130	#C0FF82
66.7%	66.7% #D7FF88	RGB 215 255 136	#D7FF88
83.3%	83.3% #ECFF8E	RGB 236 255 142	#ECFF8E
100.0%	100.0% #FFFF94	RGB 255 255 148	#FFFF94

#70FF70 #8CFF76 #A7FF7C #C0FF82 #D7FF88 #ECFF8E #FFFF94

#70FF70 - #C0FF82 - #FFFF94

CSS codes

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

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