#4C3F3E - #CBC8C7 | 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 #4C3F3E to #CBC8C7

#4C3F3E #CBC8C7

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

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

0.0%	0.0% #4C3F3E	RGB 76 63 62	#4C3F3E
16.7%	16.7% #615554	RGB 97 85 84	#615554
33.3%	33.3% #766C6B	RGB 118 108 107	#766C6B
50.0%	50.0% #8B8382	RGB 139 131 130	#8B8382
66.7%	66.7% #A09A99	RGB 160 154 153	#A09A99
83.3%	83.3% #B5B1B0	RGB 181 177 176	#B5B1B0
100.0%	100.0% #CBC8C7	RGB 203 200 199	#CBC8C7

#4C3F3E #615554 #766C6B #8B8382 #A09A99 #B5B1B0 #CBC8C7

#4C3F3E - #CBC8C7

HSV Blend

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

0.0%	0.0% #4C3F3E	RGB 76 63 62	#4C3F3E
16.7%	16.7% #615351	RGB 97 83 81	#615351
33.3%	33.3% #766967	RGB 118 105 103	#766967
50.0%	50.0% #8B7F7D	RGB 139 127 125	#8B7F7D
66.7%	66.7% #A09694	RGB 160 150 148	#A09694
83.3%	83.3% #B5AFAD	RGB 181 175 173	#B5AFAD
100.0%	100.0% #CBC8C7	RGB 203 200 199	#CBC8C7

#4C3F3E #615351 #766967 #8B7F7D #A09694 #B5AFAD #CBC8C7

#4C3F3E - #8B7F7D - #CBC8C7

CSS codes

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

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