#4D5E33 - #CCD1C4 | 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 #4D5E33 to #CCD1C4

#4D5E33 #CCD1C4

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

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

0.0%	0.0% #4D5E33	RGB 77 94 51	#4D5E33
16.7%	16.7% #62714B	RGB 98 113 75	#62714B
33.3%	33.3% #778463	RGB 119 132 99	#778463
50.0%	50.0% #8C977B	RGB 140 151 123	#8C977B
66.7%	66.7% #A1AA93	RGB 161 170 147	#A1AA93
83.3%	83.3% #B6BDAB	RGB 182 189 171	#B6BDAB
100.0%	100.0% #CCD1C4	RGB 204 209 196	#CCD1C4

#4D5E33 #62714B #778463 #8C977B #A1AA93 #B6BDAB #CCD1C4

#4D5E33 - #CCD1C4

HSV Blend

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

0.0%	0.0% #4D5E33	RGB 77 94 51	#4D5E33
16.7%	16.7% #5F7144	RGB 95 113 68	#5F7144
33.3%	33.3% #738459	RGB 115 132 89	#738459
50.0%	50.0% #889770	RGB 136 151 112	#889770
66.7%	66.7% #9DAA89	RGB 157 170 137	#9DAA89
83.3%	83.3% #B4BDA5	RGB 180 189 165	#B4BDA5
100.0%	100.0% #CCD1C4	RGB 204 209 196	#CCD1C4

#4D5E33 #5F7144 #738459 #889770 #9DAA89 #B4BDA5 #CCD1C4

#4D5E33 - #889770 - #CCD1C4

CSS codes

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

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