#4B5E3E - #7E8888 | 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 #4B5E3E to #7E8888

#4B5E3E #7E8888

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

#4B5E3E - #7E8888 | 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 #4B5E3E as 0% and #7E8888 as 100%.

0.0%	0.0% #4B5E3E	RGB 75 94 62	#4B5E3E
16.7%	16.7% #53654A	RGB 83 101 74	#53654A
33.3%	33.3% #5C6C56	RGB 92 108 86	#5C6C56
50.0%	50.0% #647363	RGB 100 115 99	#647363
66.7%	66.7% #6D7A6F	RGB 109 122 111	#6D7A6F
83.3%	83.3% #75817B	RGB 117 129 123	#75817B
100.0%	100.0% #7E8888	RGB 126 136 136	#7E8888

#4B5E3E #53654A #5C6C56 #647363 #6D7A6F #75817B #7E8888

#4B5E3E - #7E8888

HSV Blend

#4B5E3E - #7E8888 | 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 #4B5E3E as 0% and #7E8888 as 100%.

0.0%	0.0% #4B5E3E	RGB 75 94 62	#4B5E3E
16.7%	16.7% #4C6547	RGB 76 101 71	#4C6547
33.3%	33.3% #506C52	RGB 80 108 82	#506C52
50.0%	50.0% #5B7362	RGB 91 115 98	#5B7362
66.7%	66.7% #667A70	RGB 102 122 112	#667A70
83.3%	83.3% #71817D	RGB 113 129 125	#71817D
100.0%	100.0% #7E8888	RGB 126 136 136	#7E8888

#4B5E3E #4C6547 #506C52 #5B7362 #667A70 #71817D #7E8888

#4B5E3E - #5B7362 - #7E8888

CSS codes

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

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