#374332 - #6AAD5E | 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 #374332 to #6AAD5E

#374332 #6AAD5E

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

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

0.0%	0.0% #374332	RGB 55 67 50	#374332
16.7%	16.7% #3F5439	RGB 63 84 57	#3F5439
33.3%	33.3% #486640	RGB 72 102 64	#486640
50.0%	50.0% #507848	RGB 80 120 72	#507848
66.7%	66.7% #59894F	RGB 89 137 79	#59894F
83.3%	83.3% #619B56	RGB 97 155 86	#619B56
100.0%	100.0% #6AAD5E	RGB 106 173 94	#6AAD5E

#374332 #3F5439 #486640 #507848 #59894F #619B56 #6AAD5E

#374332 - #6AAD5E

HSV Blend

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

0.0%	0.0% #374332	RGB 55 67 50	#374332
16.7%	16.7% #42543C	RGB 66 84 60	#42543C
33.3%	33.3% #4D6645	RGB 77 102 69	#4D6645
50.0%	50.0% #56784D	RGB 86 120 77	#56784D
66.7%	66.7% #5E8954	RGB 94 137 84	#5E8954
83.3%	83.3% #659B59	RGB 101 155 89	#659B59
100.0%	100.0% #6AAD5E	RGB 106 173 94	#6AAD5E

#374332 #42543C #4D6645 #56784D #5E8954 #659B59 #6AAD5E

#374332 - #56784D - #6AAD5E

CSS codes

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

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