#00C916 - #0C5E17 | 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 #00C916 to #0C5E17

#00C916 #0C5E17

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

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

0.0%	0.0% #00C916	RGB 0 201 22	#00C916
16.7%	16.7% #02B716	RGB 2 183 22	#02B716
33.3%	33.3% #04A516	RGB 4 165 22	#04A516
50.0%	50.0% #069316	RGB 6 147 22	#069316
66.7%	66.7% #088116	RGB 8 129 22	#088116
83.3%	83.3% #0A6F16	RGB 10 111 22	#0A6F16
100.0%	100.0% #0C5E17	RGB 12 94 23	#0C5E17

#00C916 #02B716 #04A516 #069316 #088116 #0A6F16 #0C5E17

#00C916 - #0C5E17

HSV Blend

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

0.0%	0.0% #00C916	RGB 0 201 22	#00C916
16.7%	16.7% #03B718	RGB 3 183 24	#03B718
33.3%	33.3% #07A519	RGB 7 165 25	#07A519
50.0%	50.0% #09931A	RGB 9 147 26	#09931A
66.7%	66.7% #0B8119	RGB 11 129 25	#0B8119
83.3%	83.3% #0B6F18	RGB 11 111 24	#0B6F18
100.0%	100.0% #0C5E17	RGB 12 94 23	#0C5E17

#00C916 #03B718 #07A519 #09931A #0B8119 #0B6F18 #0C5E17

#00C916 - #09931A - #0C5E17

CSS codes

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

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