#4D4B2D - #CCCBC3 | 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 #4D4B2D to #CCCBC3

#4D4B2D #CCCBC3

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

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

0.0%	0.0% #4D4B2D	RGB 77 75 45	#4D4B2D
16.7%	16.7% #626046	RGB 98 96 70	#626046
33.3%	33.3% #77755F	RGB 119 117 95	#77755F
50.0%	50.0% #8C8B78	RGB 140 139 120	#8C8B78
66.7%	66.7% #A1A091	RGB 161 160 145	#A1A091
83.3%	83.3% #B6B5AA	RGB 182 181 170	#B6B5AA
100.0%	100.0% #CCCBC3	RGB 204 203 195	#CCCBC3

#4D4B2D #626046 #77755F #8C8B78 #A1A091 #B6B5AA #CCCBC3

#4D4B2D - #CCCBC3

HSV Blend

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

0.0%	0.0% #4D4B2D	RGB 77 75 45	#4D4B2D
16.7%	16.7% #625F3F	RGB 98 95 63	#625F3F
33.3%	33.3% #777454	RGB 119 116 84	#777454
50.0%	50.0% #8C896C	RGB 140 137 108	#8C896C
66.7%	66.7% #A19F86	RGB 161 159 134	#A19F86
83.3%	83.3% #B6B4A3	RGB 182 180 163	#B6B4A3
100.0%	100.0% #CCCBC3	RGB 204 203 195	#CCCBC3

#4D4B2D #625F3F #777454 #8C896C #A19F86 #B6B4A3 #CCCBC3

#4D4B2D - #8C896C - #CCCBC3

CSS codes

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

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