#3C6B0E - #C8BB3E | 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 #3C6B0E to #C8BB3E

#3C6B0E #C8BB3E

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

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

0.0%	0.0% #3C6B0E	RGB 60 107 14	#3C6B0E
16.7%	16.7% #537816	RGB 83 120 22	#537816
33.3%	33.3% #6A851E	RGB 106 133 30	#6A851E
50.0%	50.0% #829326	RGB 130 147 38	#829326
66.7%	66.7% #99A02E	RGB 153 160 46	#99A02E
83.3%	83.3% #B0AD36	RGB 176 173 54	#B0AD36
100.0%	100.0% #C8BB3E	RGB 200 187 62	#C8BB3E

#3C6B0E #537816 #6A851E #829326 #99A02E #B0AD36 #C8BB3E

#3C6B0E - #C8BB3E

HSV Blend

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

0.0%	0.0% #3C6B0E	RGB 60 107 14	#3C6B0E
16.7%	16.7% #507A13	RGB 80 122 19	#507A13
33.3%	33.3% #678A1A	RGB 103 138 26	#678A1A
50.0%	50.0% #809921	RGB 128 153 33	#809921
66.7%	66.7% #9BA92A	RGB 155 169 42	#9BA92A
83.3%	83.3% #B7B833	RGB 183 184 51	#B7B833
100.0%	100.0% #C8BB3E	RGB 200 187 62	#C8BB3E

#3C6B0E #507A13 #678A1A #809921 #9BA92A #B7B833 #C8BB3E

#3C6B0E - #809921 - #C8BB3E

CSS codes

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

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