#332323 - #C4C0C0 | 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 #332323 to #C4C0C0

#332323 #C4C0C0

Calculate the color between two colors, #332323 and #C4C0C0. 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)

#332323 - #C4C0C0 | 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 #332323 as 0% and #C4C0C0 as 100%.

0.0%	0.0% #332323	RGB 51 35 35	#332323
16.7%	16.7% #4B3D3D	RGB 75 61 61	#4B3D3D
33.3%	33.3% #635757	RGB 99 87 87	#635757
50.0%	50.0% #7B7171	RGB 123 113 113	#7B7171
66.7%	66.7% #938B8B	RGB 147 139 139	#938B8B
83.3%	83.3% #ABA5A5	RGB 171 165 165	#ABA5A5
100.0%	100.0% #C4C0C0	RGB 196 192 192	#C4C0C0

#332323 #4B3D3D #635757 #7B7171 #938B8B #ABA5A5 #C4C0C0

#332323 - #C4C0C0

HSV Blend

#332323 - #C4C0C0 | 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 #332323 as 0% and #C4C0C0 as 100%.

0.0%	0.0% #332323	RGB 51 35 35	#332323
16.7%	16.7% #4B3737	RGB 75 55 55	#4B3737
33.3%	33.3% #634D4D	RGB 99 77 77	#634D4D
50.0%	50.0% #7B6666	RGB 123 102 102	#7B6666
66.7%	66.7% #938282	RGB 147 130 130	#938282
83.3%	83.3% #AB9F9F	RGB 171 159 159	#AB9F9F
100.0%	100.0% #C4C0C0	RGB 196 192 192	#C4C0C0

#332323 #4B3737 #634D4D #7B6666 #938282 #AB9F9F #C4C0C0

#332323 - #7B6666 - #C4C0C0

CSS codes

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

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