#332E2B - #C4C3C2 | 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 #332E2B to #C4C3C2

#332E2B #C4C3C2

Calculate the color between two colors, #332E2B and #C4C3C2. 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)

#332E2B - #C4C3C2 | 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 #332E2B as 0% and #C4C3C2 as 100%.

0.0%	0.0% #332E2B	RGB 51 46 43	#332E2B
16.7%	16.7% #4B4644	RGB 75 70 68	#4B4644
33.3%	33.3% #635F5D	RGB 99 95 93	#635F5D
50.0%	50.0% #7B7876	RGB 123 120 118	#7B7876
66.7%	66.7% #93918F	RGB 147 145 143	#93918F
83.3%	83.3% #ABAAA8	RGB 171 170 168	#ABAAA8
100.0%	100.0% #C4C3C2	RGB 196 195 194	#C4C3C2

#332E2B #4B4644 #635F5D #7B7876 #93918F #ABAAA8 #C4C3C2

#332E2B - #C4C3C2

HSV Blend

#332E2B - #C4C3C2 | 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 #332E2B as 0% and #C4C3C2 as 100%.

0.0%	0.0% #332E2B	RGB 51 46 43	#332E2B
16.7%	16.7% #4B4541	RGB 75 69 65	#4B4541
33.3%	33.3% #635D58	RGB 99 93 88	#635D58
50.0%	50.0% #7B7571	RGB 123 117 113	#7B7571
66.7%	66.7% #938E8A	RGB 147 142 138	#938E8A
83.3%	83.3% #ABA8A5	RGB 171 168 165	#ABA8A5
100.0%	100.0% #C4C3C2	RGB 196 195 194	#C4C3C2

#332E2B #4B4541 #635D58 #7B7571 #938E8A #ABA8A5 #C4C3C2

#332E2B - #7B7571 - #C4C3C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #332E2B 0%, #7B7571 50%, #C4C3C2 100%);
    background: -webkit-linear-gradient(top, #332E2B 0%, #7B7571 50%, #C4C3C2 100%);
    background: linear-gradient(to bottom, #332E2B 0%, #7B7571 50%, #C4C3C2 100%);
}
</style>