#3C722C - #C9C158 | 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 #3C722C to #C9C158

#3C722C #C9C158

Calculate the color between two colors, #3C722C and #C9C158. 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)

#3C722C - #C9C158 | 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 #3C722C as 0% and #C9C158 as 100%.

0.0%	0.0% #3C722C	RGB 60 114 44	#3C722C
16.7%	16.7% #537F33	RGB 83 127 51	#537F33
33.3%	33.3% #6B8C3A	RGB 107 140 58	#6B8C3A
50.0%	50.0% #829942	RGB 130 153 66	#829942
66.7%	66.7% #9AA649	RGB 154 166 73	#9AA649
83.3%	83.3% #B1B350	RGB 177 179 80	#B1B350
100.0%	100.0% #C9C158	RGB 201 193 88	#C9C158

#3C722C #537F33 #6B8C3A #829942 #9AA649 #B1B350 #C9C158

#3C722C - #C9C158

HSV Blend

#3C722C - #C9C158 | 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 #3C722C as 0% and #C9C158 as 100%.

0.0%	0.0% #3C722B	RGB 60 114 43	#3C722B
16.7%	16.7% #4F8032	RGB 79 128 50	#4F8032
33.3%	33.3% #658F39	RGB 101 143 57	#658F39
50.0%	50.0% #7D9D40	RGB 125 157 64	#7D9D40
66.7%	66.7% #97AC48	RGB 151 172 72	#97AC48
83.3%	83.3% #B3BA50	RGB 179 186 80	#B3BA50
100.0%	100.0% #C9C158	RGB 201 193 88	#C9C158

#3C722B #4F8032 #658F39 #7D9D40 #97AC48 #B3BA50 #C9C158

#3C722C - #7D9D40 - #C9C158

CSS codes

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

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