#C0E06C - #36401E | 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 #C0E06C to #36401E

#C0E06C #36401E

Calculate the color between two colors, #C0E06C and #36401E. 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)

#C0E06C - #36401E | 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 #C0E06C as 0% and #36401E as 100%.

0.0%	0.0% #C0E06C	RGB 192 224 108	#C0E06C
16.7%	16.7% #A9C55F	RGB 169 197 95	#A9C55F
33.3%	33.3% #92AA52	RGB 146 170 82	#92AA52
50.0%	50.0% #7B9045	RGB 123 144 69	#7B9045
66.7%	66.7% #647538	RGB 100 117 56	#647538
83.3%	83.3% #4D5A2B	RGB 77 90 43	#4D5A2B
100.0%	100.0% #36401E	RGB 54 64 30	#36401E

#C0E06C #A9C55F #92AA52 #7B9045 #647538 #4D5A2B #36401E

#C0E06C - #36401E

HSV Blend

#C0E06C - #36401E | 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 #C0E06C as 0% and #36401E as 100%.

0.0%	0.0% #C0E06C	RGB 192 224 108	#C0E06C
16.7%	16.7% #A8C55E	RGB 168 197 94	#A8C55E
33.3%	33.3% #91AA51	RGB 145 170 81	#91AA51
50.0%	50.0% #7A9044	RGB 122 144 68	#7A9044
66.7%	66.7% #637537	RGB 99 117 55	#637537
83.3%	83.3% #4C5A2A	RGB 76 90 42	#4C5A2A
100.0%	100.0% #36401E	RGB 54 64 30	#36401E

#C0E06C #A8C55E #91AA51 #7A9044 #637537 #4C5A2A #36401E

#C0E06C - #7A9044 - #36401E

CSS codes

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

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