#C0FF41 - #364812 | 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 #C0FF41 to #364812

#C0FF41 #364812

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

#C0FF41 - #364812 | 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 #C0FF41 as 0% and #364812 as 100%.

0.0%	0.0% #C0FF41	RGB 192 255 65	#C0FF41
16.7%	16.7% #A9E039	RGB 169 224 57	#A9E039
33.3%	33.3% #92C231	RGB 146 194 49	#92C231
50.0%	50.0% #7BA329	RGB 123 163 41	#7BA329
66.7%	66.7% #648421	RGB 100 132 33	#648421
83.3%	83.3% #4D6619	RGB 77 102 25	#4D6619
100.0%	100.0% #364812	RGB 54 72 18	#364812

#C0FF41 #A9E039 #92C231 #7BA329 #648421 #4D6619 #364812

#C0FF41 - #364812

HSV Blend

#C0FF41 - #364812 | 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 #C0FF41 as 0% and #364812 as 100%.

0.0%	0.0% #C0FF41	RGB 192 255 65	#C0FF41
16.7%	16.7% #A8E039	RGB 168 224 57	#A8E039
33.3%	33.3% #91C231	RGB 145 194 49	#91C231
50.0%	50.0% #7AA329	RGB 122 163 41	#7AA329
66.7%	66.7% #638421	RGB 99 132 33	#638421
83.3%	83.3% #4C6619	RGB 76 102 25	#4C6619
100.0%	100.0% #364812	RGB 54 72 18	#364812

#C0FF41 #A8E039 #91C231 #7AA329 #638421 #4C6619 #364812

#C0FF41 - #7AA329 - #364812

CSS codes

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

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