#4E5E4F - #9BA571 | 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 #4E5E4F to #9BA571

#4E5E4F #9BA571

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

#4E5E4F - #9BA571 | 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 #4E5E4F as 0% and #9BA571 as 100%.

0.0%	0.0% #4E5E4F	RGB 78 94 79	#4E5E4F
16.7%	16.7% #5A6954	RGB 90 105 84	#5A6954
33.3%	33.3% #67755A	RGB 103 117 90	#67755A
50.0%	50.0% #748160	RGB 116 129 96	#748160
66.7%	66.7% #818D65	RGB 129 141 101	#818D65
83.3%	83.3% #8E996B	RGB 142 153 107	#8E996B
100.0%	100.0% #9BA571	RGB 155 165 113	#9BA571

#4E5E4F #5A6954 #67755A #748160 #818D65 #8E996B #9BA571

#4E5E4F - #9BA571

HSV Blend

#4E5E4F - #9BA571 | 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 #4E5E4F as 0% and #9BA571 as 100%.

0.0%	0.0% #4E5E4F	RGB 78 94 79	#4E5E4F
16.7%	16.7% #566955	RGB 86 105 85	#566955
33.3%	33.3% #61755B	RGB 97 117 91	#61755B
50.0%	50.0% #6D8162	RGB 109 129 98	#6D8162
66.7%	66.7% #7B8D67	RGB 123 141 103	#7B8D67
83.3%	83.3% #8A996C	RGB 138 153 108	#8A996C
100.0%	100.0% #9BA571	RGB 155 165 113	#9BA571

#4E5E4F #566955 #61755B #6D8162 #7B8D67 #8A996C #9BA571

#4E5E4F - #6D8162 - #9BA571

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5E4F 0%, #6D8162 50%, #9BA571 100%);
    background: -webkit-linear-gradient(top, #4E5E4F 0%, #6D8162 50%, #9BA571 100%);
    background: linear-gradient(to bottom, #4E5E4F 0%, #6D8162 50%, #9BA571 100%);
}
</style>