#4E5E49 - #CCD1CB | 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 #4E5E49 to #CCD1CB

#4E5E49 #CCD1CB

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

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

0.0%	0.0% #4E5E49	RGB 78 94 73	#4E5E49
16.7%	16.7% #63715E	RGB 99 113 94	#63715E
33.3%	33.3% #788474	RGB 120 132 116	#788474
50.0%	50.0% #8D978A	RGB 141 151 138	#8D978A
66.7%	66.7% #A2AA9F	RGB 162 170 159	#A2AA9F
83.3%	83.3% #B7BDB5	RGB 183 189 181	#B7BDB5
100.0%	100.0% #CCD1CB	RGB 204 209 203	#CCD1CB

#4E5E49 #63715E #788474 #8D978A #A2AA9F #B7BDB5 #CCD1CB

#4E5E49 - #CCD1CB

HSV Blend

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

0.0%	0.0% #4E5E49	RGB 78 94 73	#4E5E49
16.7%	16.7% #60715B	RGB 96 113 91	#60715B
33.3%	33.3% #73846F	RGB 115 132 111	#73846F
50.0%	50.0% #889784	RGB 136 151 132	#889784
66.7%	66.7% #9DAA9A	RGB 157 170 154	#9DAA9A
83.3%	83.3% #B4BDB2	RGB 180 189 178	#B4BDB2
100.0%	100.0% #CCD1CB	RGB 204 209 203	#CCD1CB

#4E5E49 #60715B #73846F #889784 #9DAA9A #B4BDB2 #CCD1CB

#4E5E49 - #889784 - #CCD1CB

CSS codes

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

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