#4E5D3C - #81888A | 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 #4E5D3C to #81888A

#4E5D3C #81888A

Calculate the color between two colors, #4E5D3C and #81888A. 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)

#4E5D3C - #81888A | 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 #4E5D3C as 0% and #81888A as 100%.

0.0%	0.0% #4E5D3C	RGB 78 93 60	#4E5D3C
16.7%	16.7% #566449	RGB 86 100 73	#566449
33.3%	33.3% #5F6B56	RGB 95 107 86	#5F6B56
50.0%	50.0% #677263	RGB 103 114 99	#677263
66.7%	66.7% #707970	RGB 112 121 112	#707970
83.3%	83.3% #78807D	RGB 120 128 125	#78807D
100.0%	100.0% #81888A	RGB 129 136 138	#81888A

#4E5D3C #566449 #5F6B56 #677263 #707970 #78807D #81888A

#4E5D3C - #81888A

HSV Blend

#4E5D3C - #81888A | 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 #4E5D3C as 0% and #81888A as 100%.

0.0%	0.0% #4E5D3C	RGB 78 93 60	#4E5D3C
16.7%	16.7% #4D6445	RGB 77 100 69	#4D6445
33.3%	33.3% #506C51	RGB 80 108 81	#506C51
50.0%	50.0% #5B7363	RGB 91 115 99	#5B7363
66.7%	66.7% #677B73	RGB 103 123 115	#677B73
83.3%	83.3% #738281	RGB 115 130 129	#738281
100.0%	100.0% #81888A	RGB 129 136 138	#81888A

#4E5D3C #4D6445 #506C51 #5B7363 #677B73 #738281 #81888A

#4E5D3C - #5B7363 - #81888A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5D3C 0%, #5B7363 50%, #81888A 100%);
    background: -webkit-linear-gradient(top, #4E5D3C 0%, #5B7363 50%, #81888A 100%);
    background: linear-gradient(to bottom, #4E5D3C 0%, #5B7363 50%, #81888A 100%);
}
</style>