#00C142 - #00FC85 | 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 #00C142 to #00FC85

#00C142 #00FC85

Calculate the color between two colors, #00C142 and #00FC85. 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)

#00C142 - #00FC85 | 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 #00C142 as 0% and #00FC85 as 100%.

0.0%	0.0% #00C142	RGB 0 193 66	#00C142
16.7%	16.7% #00CA4D	RGB 0 202 77	#00CA4D
33.3%	33.3% #00D458	RGB 0 212 88	#00D458
50.0%	50.0% #00DE63	RGB 0 222 99	#00DE63
66.7%	66.7% #00E86E	RGB 0 232 110	#00E86E
83.3%	83.3% #00F279	RGB 0 242 121	#00F279
100.0%	100.0% #00FC85	RGB 0 252 133	#00FC85

#00C142 #00CA4D #00D458 #00DE63 #00E86E #00F279 #00FC85

#00C142 - #00FC85

HSV Blend

#00C142 - #00FC85 | 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 #00C142 as 0% and #00FC85 as 100%.

0.0%	0.0% #00C141	RGB 0 193 65	#00C141
16.7%	16.7% #00CA4B	RGB 0 202 75	#00CA4B
33.3%	33.3% #00D455	RGB 0 212 85	#00D455
50.0%	50.0% #00DE60	RGB 0 222 96	#00DE60
66.7%	66.7% #00E86C	RGB 0 232 108	#00E86C
83.3%	83.3% #00F278	RGB 0 242 120	#00F278
100.0%	100.0% #00FC85	RGB 0 252 133	#00FC85

#00C141 #00CA4B #00D455 #00DE60 #00E86C #00F278 #00FC85

#00C142 - #00DE60 - #00FC85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C141 0%, #00DE60 50%, #00FC85 100%);
    background: -webkit-linear-gradient(top, #00C141 0%, #00DE60 50%, #00FC85 100%);
    background: linear-gradient(to bottom, #00C141 0%, #00DE60 50%, #00FC85 100%);
}
</style>