#4A554E - #8F9A6D | 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 #4A554E to #8F9A6D

#4A554E #8F9A6D

Calculate the color between two colors, #4A554E and #8F9A6D. 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)

#4A554E - #8F9A6D | 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 #4A554E as 0% and #8F9A6D as 100%.

0.0%	0.0% #4A554E	RGB 74 85 78	#4A554E
16.7%	16.7% #556053	RGB 85 96 83	#556053
33.3%	33.3% #616C58	RGB 97 108 88	#616C58
50.0%	50.0% #6C775D	RGB 108 119 93	#6C775D
66.7%	66.7% #788362	RGB 120 131 98	#788362
83.3%	83.3% #838E67	RGB 131 142 103	#838E67
100.0%	100.0% #8F9A6D	RGB 143 154 109	#8F9A6D

#4A554E #556053 #616C58 #6C775D #788362 #838E67 #8F9A6D

#4A554E - #8F9A6D

HSV Blend

#4A554E - #8F9A6D | 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 #4A554E as 0% and #8F9A6D as 100%.

0.0%	0.0% #4A554E	RGB 74 85 78	#4A554E
16.7%	16.7% #516054	RGB 81 96 84	#516054
33.3%	33.3% #586C58	RGB 88 108 88	#586C58
50.0%	50.0% #63775E	RGB 99 119 94	#63775E
66.7%	66.7% #6F8363	RGB 111 131 99	#6F8363
83.3%	83.3% #7E8E68	RGB 126 142 104	#7E8E68
100.0%	100.0% #8F9A6D	RGB 143 154 109	#8F9A6D

#4A554E #516054 #586C58 #63775E #6F8363 #7E8E68 #8F9A6D

#4A554E - #63775E - #8F9A6D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A554E 0%, #63775E 50%, #8F9A6D 100%);
    background: -webkit-linear-gradient(top, #4A554E 0%, #63775E 50%, #8F9A6D 100%);
    background: linear-gradient(to bottom, #4A554E 0%, #63775E 50%, #8F9A6D 100%);
}
</style>