#7A8266 - #405219 | 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 #7A8266 to #405219

#7A8266 #405219

Calculate the color between two colors, #7A8266 and #405219. 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)

#7A8266 - #405219 | 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 #7A8266 as 0% and #405219 as 100%.

0.0%	0.0% #7A8266	RGB 122 130 102	#7A8266
16.7%	16.7% #707A59	RGB 112 122 89	#707A59
33.3%	33.3% #66724C	RGB 102 114 76	#66724C
50.0%	50.0% #5D6A3F	RGB 93 106 63	#5D6A3F
66.7%	66.7% #536232	RGB 83 98 50	#536232
83.3%	83.3% #495A25	RGB 73 90 37	#495A25
100.0%	100.0% #405219	RGB 64 82 25	#405219

#7A8266 #707A59 #66724C #5D6A3F #536232 #495A25 #405219

#7A8266 - #405219

HSV Blend

#7A8266 - #405219 | 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 #7A8266 as 0% and #405219 as 100%.

0.0%	0.0% #7A8266	RGB 122 130 102	#7A8266
16.7%	16.7% #6F7A55	RGB 111 122 85	#6F7A55
33.3%	33.3% #657247	RGB 101 114 71	#657247
50.0%	50.0% #5B6A39	RGB 91 106 57	#5B6A39
66.7%	66.7% #51622D	RGB 81 98 45	#51622D
83.3%	83.3% #485A22	RGB 72 90 34	#485A22
100.0%	100.0% #405219	RGB 64 82 25	#405219

#7A8266 #6F7A55 #657247 #5B6A39 #51622D #485A22 #405219

#7A8266 - #5B6A39 - #405219

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8266 0%, #5B6A39 50%, #405219 100%);
    background: -webkit-linear-gradient(top, #7A8266 0%, #5B6A39 50%, #405219 100%);
    background: linear-gradient(to bottom, #7A8266 0%, #5B6A39 50%, #405219 100%);
}
</style>