#C0FF21 - #364809 | 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 #364809

#C0FF21 #364809

Calculate the color between two colors, #C0FF21 and #364809. 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 - #364809 | 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 #364809 as 100%.

0.0%	0.0% #C0FF21	RGB 192 255 33	#C0FF21
16.7%	16.7% #A9E01D	RGB 169 224 29	#A9E01D
33.3%	33.3% #92C219	RGB 146 194 25	#92C219
50.0%	50.0% #7BA315	RGB 123 163 21	#7BA315
66.7%	66.7% #648411	RGB 100 132 17	#648411
83.3%	83.3% #4D660D	RGB 77 102 13	#4D660D
100.0%	100.0% #364809	RGB 54 72 9	#364809

#C0FF21 #A9E01D #92C219 #7BA315 #648411 #4D660D #364809

#C0FF21 - #364809

HSV Blend

#C0FF21 - #364809 | 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 #364809 as 100%.

0.0%	0.0% #C0FF20	RGB 192 255 32	#C0FF20
16.7%	16.7% #A8E01C	RGB 168 224 28	#A8E01C
33.3%	33.3% #91C218	RGB 145 194 24	#91C218
50.0%	50.0% #7AA314	RGB 122 163 20	#7AA314
66.7%	66.7% #638410	RGB 99 132 16	#638410
83.3%	83.3% #4C660C	RGB 76 102 12	#4C660C
100.0%	100.0% #364809	RGB 54 72 9	#364809

#C0FF20 #A8E01C #91C218 #7AA314 #638410 #4C660C #364809

#C0FF21 - #7AA314 - #364809

CSS codes

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

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