#C0FF6F - #36481F | 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 #C0FF6F to #36481F

#C0FF6F #36481F

Calculate the color between two colors, #C0FF6F and #36481F. 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)

#C0FF6F - #36481F | 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 #C0FF6F as 0% and #36481F as 100%.

0.0%	0.0% #C0FF6F	RGB 192 255 111	#C0FF6F
16.7%	16.7% #A9E061	RGB 169 224 97	#A9E061
33.3%	33.3% #92C254	RGB 146 194 84	#92C254
50.0%	50.0% #7BA347	RGB 123 163 71	#7BA347
66.7%	66.7% #648439	RGB 100 132 57	#648439
83.3%	83.3% #4D662C	RGB 77 102 44	#4D662C
100.0%	100.0% #36481F	RGB 54 72 31	#36481F

#C0FF6F #A9E061 #92C254 #7BA347 #648439 #4D662C #36481F

#C0FF6F - #36481F

HSV Blend

#C0FF6F - #36481F | 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 #C0FF6F as 0% and #36481F as 100%.

0.0%	0.0% #C0FF6F	RGB 192 255 111	#C0FF6F
16.7%	16.7% #A8E061	RGB 168 224 97	#A8E061
33.3%	33.3% #91C254	RGB 145 194 84	#91C254
50.0%	50.0% #7AA346	RGB 122 163 70	#7AA346
66.7%	66.7% #638439	RGB 99 132 57	#638439
83.3%	83.3% #4C662C	RGB 76 102 44	#4C662C
100.0%	100.0% #36481F	RGB 54 72 31	#36481F

#C0FF6F #A8E061 #91C254 #7AA346 #638439 #4C662C #36481F

#C0FF6F - #7AA346 - #36481F

CSS codes

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

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