#4D232C - #CCC0C2 | 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 #4D232C to #CCC0C2

#4D232C #CCC0C2

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

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

0.0%	0.0% #4D232C	RGB 77 35 44	#4D232C
16.7%	16.7% #623D45	RGB 98 61 69	#623D45
33.3%	33.3% #77575E	RGB 119 87 94	#77575E
50.0%	50.0% #8C7177	RGB 140 113 119	#8C7177
66.7%	66.7% #A18B90	RGB 161 139 144	#A18B90
83.3%	83.3% #B6A5A9	RGB 182 165 169	#B6A5A9
100.0%	100.0% #CCC0C2	RGB 204 192 194	#CCC0C2

#4D232C #623D45 #77575E #8C7177 #A18B90 #B6A5A9 #CCC0C2

#4D232C - #CCC0C2

HSV Blend

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

0.0%	0.0% #4D232B	RGB 77 35 43	#4D232B
16.7%	16.7% #62343D	RGB 98 52 61	#62343D
33.3%	33.3% #774952	RGB 119 73 82	#774952
50.0%	50.0% #8C626A	RGB 140 98 106	#8C626A
66.7%	66.7% #A17D84	RGB 161 125 132	#A17D84
83.3%	83.3% #B69DA1	RGB 182 157 161	#B69DA1
100.0%	100.0% #CCC0C2	RGB 204 192 194	#CCC0C2

#4D232B #62343D #774952 #8C626A #A17D84 #B69DA1 #CCC0C2

#4D232C - #8C626A - #CCC0C2

CSS codes

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

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