#4F5E3B - #CDD1C7 | 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 #4F5E3B to #CDD1C7

#4F5E3B #CDD1C7

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

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

0.0%	0.0% #4F5E3B	RGB 79 94 59	#4F5E3B
16.7%	16.7% #647152	RGB 100 113 82	#647152
33.3%	33.3% #798469	RGB 121 132 105	#798469
50.0%	50.0% #8E9781	RGB 142 151 129	#8E9781
66.7%	66.7% #A3AA98	RGB 163 170 152	#A3AA98
83.3%	83.3% #B8BDAF	RGB 184 189 175	#B8BDAF
100.0%	100.0% #CDD1C7	RGB 205 209 199	#CDD1C7

#4F5E3B #647152 #798469 #8E9781 #A3AA98 #B8BDAF #CDD1C7

#4F5E3B - #CDD1C7

HSV Blend

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

0.0%	0.0% #4F5E3B	RGB 79 94 59	#4F5E3B
16.7%	16.7% #61714D	RGB 97 113 77	#61714D
33.3%	33.3% #758461	RGB 117 132 97	#758461
50.0%	50.0% #8A9777	RGB 138 151 119	#8A9777
66.7%	66.7% #9FAA90	RGB 159 170 144	#9FAA90
83.3%	83.3% #B6BDAA	RGB 182 189 170	#B6BDAA
100.0%	100.0% #CDD1C7	RGB 205 209 199	#CDD1C7

#4F5E3B #61714D #758461 #8A9777 #9FAA90 #B6BDAA #CDD1C7

#4F5E3B - #8A9777 - #CDD1C7

CSS codes

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

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