#009122 - #C2FF4D | 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 #009122 to #C2FF4D

#009122 #C2FF4D

Calculate the color between two colors, #009122 and #C2FF4D. 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)

#009122 - #C2FF4D | 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 #009122 as 0% and #C2FF4D as 100%.

0.0%	0.0% #009122	RGB 0 145 34	#009122
16.7%	16.7% #20A329	RGB 32 163 41	#20A329
33.3%	33.3% #40B530	RGB 64 181 48	#40B530
50.0%	50.0% #61C837	RGB 97 200 55	#61C837
66.7%	66.7% #81DA3E	RGB 129 218 62	#81DA3E
83.3%	83.3% #A1EC45	RGB 161 236 69	#A1EC45
100.0%	100.0% #C2FF4D	RGB 194 255 77	#C2FF4D

#009122 #20A329 #40B530 #61C837 #81DA3E #A1EC45 #C2FF4D

#009122 - #C2FF4D

HSV Blend

#009122 - #C2FF4D | 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 #009122 as 0% and #C2FF4D as 100%.

0.0%	0.0% #009121	RGB 0 145 33	#009121
16.7%	16.7% #08A315	RGB 8 163 21	#08A315
33.3%	33.3% #1CB512	RGB 28 181 18	#1CB512
50.0%	50.0% #42C81E	RGB 66 200 30	#42C81E
66.7%	66.7% #6ADA2B	RGB 106 218 43	#6ADA2B
83.3%	83.3% #95EC3B	RGB 149 236 59	#95EC3B
100.0%	100.0% #C2FF4D	RGB 194 255 77	#C2FF4D

#009121 #08A315 #1CB512 #42C81E #6ADA2B #95EC3B #C2FF4D

#009122 - #42C81E - #C2FF4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009121 0%, #42C81E 50%, #C2FF4D 100%);
    background: -webkit-linear-gradient(top, #009121 0%, #42C81E 50%, #C2FF4D 100%);
    background: linear-gradient(to bottom, #009121 0%, #42C81E 50%, #C2FF4D 100%);
}
</style>