#4D6B31 - #CCD4C4 | 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 #4D6B31 to #CCD4C4

#4D6B31 #CCD4C4

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

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

0.0%	0.0% #4D6B31	RGB 77 107 49	#4D6B31
16.7%	16.7% #627C49	RGB 98 124 73	#627C49
33.3%	33.3% #778E62	RGB 119 142 98	#778E62
50.0%	50.0% #8C9F7A	RGB 140 159 122	#8C9F7A
66.7%	66.7% #A1B193	RGB 161 177 147	#A1B193
83.3%	83.3% #B6C2AB	RGB 182 194 171	#B6C2AB
100.0%	100.0% #CCD4C4	RGB 204 212 196	#CCD4C4

#4D6B31 #627C49 #778E62 #8C9F7A #A1B193 #B6C2AB #CCD4C4

#4D6B31 - #CCD4C4

HSV Blend

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

0.0%	0.0% #4D6B31	RGB 77 107 49	#4D6B31
16.7%	16.7% #5E7C42	RGB 94 124 66	#5E7C42
33.3%	33.3% #718E57	RGB 113 142 87	#718E57
50.0%	50.0% #869F6E	RGB 134 159 110	#869F6E
66.7%	66.7% #9CB188	RGB 156 177 136	#9CB188
83.3%	83.3% #B3C2A4	RGB 179 194 164	#B3C2A4
100.0%	100.0% #CCD4C4	RGB 204 212 196	#CCD4C4

#4D6B31 #5E7C42 #718E57 #869F6E #9CB188 #B3C2A4 #CCD4C4

#4D6B31 - #869F6E - #CCD4C4

CSS codes

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

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