#4D4539 - #CCC9C6 | 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 #4D4539 to #CCC9C6

#4D4539 #CCC9C6

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

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

0.0%	0.0% #4D4539	RGB 77 69 57	#4D4539
16.7%	16.7% #625B50	RGB 98 91 80	#625B50
33.3%	33.3% #777168	RGB 119 113 104	#777168
50.0%	50.0% #8C877F	RGB 140 135 127	#8C877F
66.7%	66.7% #A19D97	RGB 161 157 151	#A19D97
83.3%	83.3% #B6B3AE	RGB 182 179 174	#B6B3AE
100.0%	100.0% #CCC9C6	RGB 204 201 198	#CCC9C6

#4D4539 #625B50 #777168 #8C877F #A19D97 #B6B3AE #CCC9C6

#4D4539 - #CCC9C6

HSV Blend

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

0.0%	0.0% #4D4539	RGB 77 69 57	#4D4539
16.7%	16.7% #62594C	RGB 98 89 76	#62594C
33.3%	33.3% #776D61	RGB 119 109 97	#776D61
50.0%	50.0% #8C8378	RGB 140 131 120	#8C8378
66.7%	66.7% #A19990	RGB 161 153 144	#A19990
83.3%	83.3% #B6B0AA	RGB 182 176 170	#B6B0AA
100.0%	100.0% #CCC9C6	RGB 204 201 198	#CCC9C6

#4D4539 #62594C #776D61 #8C8378 #A19990 #B6B0AA #CCC9C6

#4D4539 - #8C8378 - #CCC9C6

CSS codes

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

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