#C0FF1E - #78CC0E | 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 #C0FF1E to #78CC0E

#C0FF1E #78CC0E

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

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

0.0%	0.0% #C0FF1E	RGB 192 255 30	#C0FF1E
16.7%	16.7% #B4F61B	RGB 180 246 27	#B4F61B
33.3%	33.3% #A8EE18	RGB 168 238 24	#A8EE18
50.0%	50.0% #9CE516	RGB 156 229 22	#9CE516
66.7%	66.7% #90DD13	RGB 144 221 19	#90DD13
83.3%	83.3% #84D410	RGB 132 212 16	#84D410
100.0%	100.0% #78CC0E	RGB 120 204 14	#78CC0E

#C0FF1E #B4F61B #A8EE18 #9CE516 #90DD13 #84D410 #78CC0E

#C0FF1E - #78CC0E

HSV Blend

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

0.0%	0.0% #C0FF1D	RGB 192 255 29	#C0FF1D
16.7%	16.7% #B3F61A	RGB 179 246 26	#B3F61A
33.3%	33.3% #A6EE18	RGB 166 238 24	#A6EE18
50.0%	50.0% #9AE515	RGB 154 229 21	#9AE515
66.7%	66.7% #8EDD12	RGB 142 221 18	#8EDD12
83.3%	83.3% #83D410	RGB 131 212 16	#83D410
100.0%	100.0% #78CC0E	RGB 120 204 14	#78CC0E

#C0FF1D #B3F61A #A6EE18 #9AE515 #8EDD12 #83D410 #78CC0E

#C0FF1E - #9AE515 - #78CC0E

CSS codes

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

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