#708E5E - #336116 | 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 #708E5E to #336116

#708E5E #336116

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

#708E5E - #336116 | 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 #708E5E as 0% and #336116 as 100%.

0.0%	0.0% #708E5E	RGB 112 142 94	#708E5E
16.7%	16.7% #658652	RGB 101 134 82	#658652
33.3%	33.3% #5B7F46	RGB 91 127 70	#5B7F46
50.0%	50.0% #51773A	RGB 81 119 58	#51773A
66.7%	66.7% #47702E	RGB 71 112 46	#47702E
83.3%	83.3% #3D6822	RGB 61 104 34	#3D6822
100.0%	100.0% #336116	RGB 51 97 22	#336116

#708E5E #658652 #5B7F46 #51773A #47702E #3D6822 #336116

#708E5E - #336116

HSV Blend

#708E5E - #336116 | 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 #708E5E as 0% and #336116 as 100%.

0.0%	0.0% #708E5E	RGB 112 142 94	#708E5E
16.7%	16.7% #64864F	RGB 100 134 79	#64864F
33.3%	33.3% #587F41	RGB 88 127 65	#587F41
50.0%	50.0% #4E7735	RGB 78 119 53	#4E7735
66.7%	66.7% #447029	RGB 68 112 41	#447029
83.3%	83.3% #3B681F	RGB 59 104 31	#3B681F
100.0%	100.0% #336116	RGB 51 97 22	#336116

#708E5E #64864F #587F41 #4E7735 #447029 #3B681F #336116

#708E5E - #4E7735 - #336116

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #708E5E 0%, #4E7735 50%, #336116 100%);
    background: -webkit-linear-gradient(top, #708E5E 0%, #4E7735 50%, #336116 100%);
    background: linear-gradient(to bottom, #708E5E 0%, #4E7735 50%, #336116 100%);
}
</style>