#707B5E - #374E14 | 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 #707B5E to #374E14

#707B5E #374E14

Calculate the color between two colors, #707B5E and #374E14. 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)

#707B5E - #374E14 | 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 #707B5E as 0% and #374E14 as 100%.

0.0%	0.0% #707B5E	RGB 112 123 94	#707B5E
16.7%	16.7% #667351	RGB 102 115 81	#667351
33.3%	33.3% #5D6C45	RGB 93 108 69	#5D6C45
50.0%	50.0% #536439	RGB 83 100 57	#536439
66.7%	66.7% #4A5D2C	RGB 74 93 44	#4A5D2C
83.3%	83.3% #405520	RGB 64 85 32	#405520
100.0%	100.0% #374E14	RGB 55 78 20	#374E14

#707B5E #667351 #5D6C45 #536439 #4A5D2C #405520 #374E14

#707B5E - #374E14

HSV Blend

#707B5E - #374E14 | 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 #707B5E as 0% and #374E14 as 100%.

0.0%	0.0% #707B5E	RGB 112 123 94	#707B5E
16.7%	16.7% #65734E	RGB 101 115 78	#65734E
33.3%	33.3% #5B6C40	RGB 91 108 64	#5B6C40
50.0%	50.0% #516433	RGB 81 100 51	#516433
66.7%	66.7% #485D27	RGB 72 93 39	#485D27
83.3%	83.3% #3F551D	RGB 63 85 29	#3F551D
100.0%	100.0% #374E14	RGB 55 78 20	#374E14

#707B5E #65734E #5B6C40 #516433 #485D27 #3F551D #374E14

#707B5E - #516433 - #374E14

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #707B5E 0%, #516433 50%, #374E14 100%);
    background: -webkit-linear-gradient(top, #707B5E 0%, #516433 50%, #374E14 100%);
    background: linear-gradient(to bottom, #707B5E 0%, #516433 50%, #374E14 100%);
}
</style>