#C0FF21 - #78CD0E | 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 #C0FF21 to #78CD0E

#C0FF21 #78CD0E

Calculate the color between two colors, #C0FF21 and #78CD0E. 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)

#C0FF21 - #78CD0E | 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 #C0FF21 as 0% and #78CD0E as 100%.

0.0%	0.0% #C0FF21	RGB 192 255 33	#C0FF21
16.7%	16.7% #B4F61D	RGB 180 246 29	#B4F61D
33.3%	33.3% #A8EE1A	RGB 168 238 26	#A8EE1A
50.0%	50.0% #9CE617	RGB 156 230 23	#9CE617
66.7%	66.7% #90DD14	RGB 144 221 20	#90DD14
83.3%	83.3% #84D511	RGB 132 213 17	#84D511
100.0%	100.0% #78CD0E	RGB 120 205 14	#78CD0E

#C0FF21 #B4F61D #A8EE1A #9CE617 #90DD14 #84D511 #78CD0E

#C0FF21 - #78CD0E

HSV Blend

#C0FF21 - #78CD0E | 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 #C0FF21 as 0% and #78CD0E as 100%.

0.0%	0.0% #C0FF20	RGB 192 255 32	#C0FF20
16.7%	16.7% #B3F61D	RGB 179 246 29	#B3F61D
33.3%	33.3% #A6EE19	RGB 166 238 25	#A6EE19
50.0%	50.0% #9AE616	RGB 154 230 22	#9AE616
66.7%	66.7% #8EDD13	RGB 142 221 19	#8EDD13
83.3%	83.3% #83D510	RGB 131 213 16	#83D510
100.0%	100.0% #78CD0E	RGB 120 205 14	#78CD0E

#C0FF20 #B3F61D #A6EE19 #9AE616 #8EDD13 #83D510 #78CD0E

#C0FF21 - #9AE616 - #78CD0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0FF20 0%, #9AE616 50%, #78CD0E 100%);
    background: -webkit-linear-gradient(top, #C0FF20 0%, #9AE616 50%, #78CD0E 100%);
    background: linear-gradient(to bottom, #C0FF20 0%, #9AE616 50%, #78CD0E 100%);
}
</style>