#737E5E - #314A1E | 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 #737E5E to #314A1E

#737E5E #314A1E

Calculate the color between two colors, #737E5E and #314A1E. 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)

#737E5E - #314A1E | 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 #737E5E as 0% and #314A1E as 100%.

0.0%	0.0% #737E5E	RGB 115 126 94	#737E5E
16.7%	16.7% #687553	RGB 104 117 83	#687553
33.3%	33.3% #5D6C48	RGB 93 108 72	#5D6C48
50.0%	50.0% #52643E	RGB 82 100 62	#52643E
66.7%	66.7% #475B33	RGB 71 91 51	#475B33
83.3%	83.3% #3C5228	RGB 60 82 40	#3C5228
100.0%	100.0% #314A1E	RGB 49 74 30	#314A1E

#737E5E #687553 #5D6C48 #52643E #475B33 #3C5228 #314A1E

#737E5E - #314A1E

HSV Blend

#737E5E - #314A1E | 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 #737E5E as 0% and #314A1E as 100%.

0.0%	0.0% #737E5E	RGB 115 126 94	#737E5E
16.7%	16.7% #677550	RGB 103 117 80	#677550
33.3%	33.3% #5B6C44	RGB 91 108 68	#5B6C44
50.0%	50.0% #506439	RGB 80 100 57	#506439
66.7%	66.7% #455B2F	RGB 69 91 47	#455B2F
83.3%	83.3% #3B5226	RGB 59 82 38	#3B5226
100.0%	100.0% #314A1E	RGB 49 74 30	#314A1E

#737E5E #677550 #5B6C44 #506439 #455B2F #3B5226 #314A1E

#737E5E - #506439 - #314A1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #737E5E 0%, #506439 50%, #314A1E 100%);
    background: -webkit-linear-gradient(top, #737E5E 0%, #506439 50%, #314A1E 100%);
    background: linear-gradient(to bottom, #737E5E 0%, #506439 50%, #314A1E 100%);
}
</style>