#6C7E3C - #E3C463 | 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 #6C7E3C to #E3C463

#6C7E3C #E3C463

Calculate the color between two colors, #6C7E3C and #E3C463. 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)

#6C7E3C - #E3C463 | 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 #6C7E3C as 0% and #E3C463 as 100%.

0.0%	0.0% #6C7E3C	RGB 108 126 60	#6C7E3C
16.7%	16.7% #7F8942	RGB 127 137 66	#7F8942
33.3%	33.3% #939549	RGB 147 149 73	#939549
50.0%	50.0% #A7A14F	RGB 167 161 79	#A7A14F
66.7%	66.7% #BBAC56	RGB 187 172 86	#BBAC56
83.3%	83.3% #CFB85C	RGB 207 184 92	#CFB85C
100.0%	100.0% #E3C463	RGB 227 196 99	#E3C463

#6C7E3C #7F8942 #939549 #A7A14F #BBAC56 #CFB85C #E3C463

#6C7E3C - #E3C463

HSV Blend

#6C7E3C - #E3C463 | 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 #6C7E3C as 0% and #E3C463 as 100%.

0.0%	0.0% #6C7E3C	RGB 108 126 60	#6C7E3C
16.7%	16.7% #808E43	RGB 128 142 67	#808E43
33.3%	33.3% #969F49	RGB 150 159 73	#969F49
50.0%	50.0% #AFB050	RGB 175 176 80	#AFB050
66.7%	66.7% #C1B956	RGB 193 185 86	#C1B956
83.3%	83.3% #D2BF5D	RGB 210 191 93	#D2BF5D
100.0%	100.0% #E3C463	RGB 227 196 99	#E3C463

#6C7E3C #808E43 #969F49 #AFB050 #C1B956 #D2BF5D #E3C463

#6C7E3C - #AFB050 - #E3C463

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C7E3C 0%, #AFB050 50%, #E3C463 100%);
    background: -webkit-linear-gradient(top, #6C7E3C 0%, #AFB050 50%, #E3C463 100%);
    background: linear-gradient(to bottom, #6C7E3C 0%, #AFB050 50%, #E3C463 100%);
}
</style>