#4C552B - #CBCEC2 | 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 #4C552B to #CBCEC2

#4C552B #CBCEC2

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

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

0.0%	0.0% #4C552B	RGB 76 85 43	#4C552B
16.7%	16.7% #616944	RGB 97 105 68	#616944
33.3%	33.3% #767D5D	RGB 118 125 93	#767D5D
50.0%	50.0% #8B9176	RGB 139 145 118	#8B9176
66.7%	66.7% #A0A58F	RGB 160 165 143	#A0A58F
83.3%	83.3% #B5B9A8	RGB 181 185 168	#B5B9A8
100.0%	100.0% #CBCEC2	RGB 203 206 194	#CBCEC2

#4C552B #616944 #767D5D #8B9176 #A0A58F #B5B9A8 #CBCEC2

#4C552B - #CBCEC2

HSV Blend

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

0.0%	0.0% #4C552B	RGB 76 85 43	#4C552B
16.7%	16.7% #5F693C	RGB 95 105 60	#5F693C
33.3%	33.3% #737D51	RGB 115 125 81	#737D51
50.0%	50.0% #889169	RGB 136 145 105	#889169
66.7%	66.7% #9DA583	RGB 157 165 131	#9DA583
83.3%	83.3% #B3B9A1	RGB 179 185 161	#B3B9A1
100.0%	100.0% #CBCEC2	RGB 203 206 194	#CBCEC2

#4C552B #5F693C #737D51 #889169 #9DA583 #B3B9A1 #CBCEC2

#4C552B - #889169 - #CBCEC2

CSS codes

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

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