#4C3E3E - #CBC7C7 | 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 #4C3E3E to #CBC7C7

#4C3E3E #CBC7C7

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

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

0.0%	0.0% #4C3E3E	RGB 76 62 62	#4C3E3E
16.7%	16.7% #615454	RGB 97 84 84	#615454
33.3%	33.3% #766B6B	RGB 118 107 107	#766B6B
50.0%	50.0% #8B8282	RGB 139 130 130	#8B8282
66.7%	66.7% #A09999	RGB 160 153 153	#A09999
83.3%	83.3% #B5B0B0	RGB 181 176 176	#B5B0B0
100.0%	100.0% #CBC7C7	RGB 203 199 199	#CBC7C7

#4C3E3E #615454 #766B6B #8B8282 #A09999 #B5B0B0 #CBC7C7

#4C3E3E - #CBC7C7

HSV Blend

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

0.0%	0.0% #4C3E3E	RGB 76 62 62	#4C3E3E
16.7%	16.7% #615151	RGB 97 81 81	#615151
33.3%	33.3% #766767	RGB 118 103 103	#766767
50.0%	50.0% #8B7D7D	RGB 139 125 125	#8B7D7D
66.7%	66.7% #A09494	RGB 160 148 148	#A09494
83.3%	83.3% #B5ADAD	RGB 181 173 173	#B5ADAD
100.0%	100.0% #CBC7C7	RGB 203 199 199	#CBC7C7

#4C3E3E #615151 #766767 #8B7D7D #A09494 #B5ADAD #CBC7C7

#4C3E3E - #8B7D7D - #CBC7C7

CSS codes

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

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