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

#4D4C2D #CCCBC3

Calculate the color between two colors, #4D4C2D 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)

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

0.0%	0.0% #4D4C2D	RGB 77 76 45	#4D4C2D
16.7%	16.7% #626146	RGB 98 97 70	#626146
33.3%	33.3% #77765F	RGB 119 118 95	#77765F
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

#4D4C2D #626146 #77765F #8C8B78 #A1A091 #B6B5AA #CCCBC3

#4D4C2D - #CCCBC3

HSV Blend

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

0.0%	0.0% #4D4C2D	RGB 77 76 45	#4D4C2D
16.7%	16.7% #62603F	RGB 98 96 63	#62603F
33.3%	33.3% #777554	RGB 119 117 84	#777554
50.0%	50.0% #8C8A6C	RGB 140 138 108	#8C8A6C
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

#4D4C2D #62603F #777554 #8C8A6C #A19F86 #B6B4A3 #CCCBC3

#4D4C2D - #8C8A6C - #CCCBC3

CSS codes

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

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