#4D4023 - #CCC8C0 | 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 #4D4023 to #CCC8C0

#4D4023 #CCC8C0

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

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

0.0%	0.0% #4D4023	RGB 77 64 35	#4D4023
16.7%	16.7% #62563D	RGB 98 86 61	#62563D
33.3%	33.3% #776D57	RGB 119 109 87	#776D57
50.0%	50.0% #8C8471	RGB 140 132 113	#8C8471
66.7%	66.7% #A19A8B	RGB 161 154 139	#A19A8B
83.3%	83.3% #B6B1A5	RGB 182 177 165	#B6B1A5
100.0%	100.0% #CCC8C0	RGB 204 200 192	#CCC8C0

#4D4023 #62563D #776D57 #8C8471 #A19A8B #B6B1A5 #CCC8C0

#4D4023 - #CCC8C0

HSV Blend

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

0.0%	0.0% #4D4023	RGB 77 64 35	#4D4023
16.7%	16.7% #625334	RGB 98 83 52	#625334
33.3%	33.3% #776849	RGB 119 104 73	#776849
50.0%	50.0% #8C7E62	RGB 140 126 98	#8C7E62
66.7%	66.7% #A1967D	RGB 161 150 125	#A1967D
83.3%	83.3% #B6AE9D	RGB 182 174 157	#B6AE9D
100.0%	100.0% #CCC8C0	RGB 204 200 192	#CCC8C0

#4D4023 #625334 #776849 #8C7E62 #A1967D #B6AE9D #CCC8C0

#4D4023 - #8C7E62 - #CCC8C0

CSS codes

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

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