#2F2723 - #C3C0C0 | 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 #2F2723 to #C3C0C0

#2F2723 #C3C0C0

Calculate the color between two colors, #2F2723 and #C3C0C0. 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)

#2F2723 - #C3C0C0 | 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 #2F2723 as 0% and #C3C0C0 as 100%.

0.0%	0.0% #2F2723	RGB 47 39 35	#2F2723
16.7%	16.7% #47403D	RGB 71 64 61	#47403D
33.3%	33.3% #605A57	RGB 96 90 87	#605A57
50.0%	50.0% #797371	RGB 121 115 113	#797371
66.7%	66.7% #918D8B	RGB 145 141 139	#918D8B
83.3%	83.3% #AAA6A5	RGB 170 166 165	#AAA6A5
100.0%	100.0% #C3C0C0	RGB 195 192 192	#C3C0C0

#2F2723 #47403D #605A57 #797371 #918D8B #AAA6A5 #C3C0C0

#2F2723 - #C3C0C0

HSV Blend

#2F2723 - #C3C0C0 | 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 #2F2723 as 0% and #C3C0C0 as 100%.

0.0%	0.0% #2F2723	RGB 47 39 35	#2F2723
16.7%	16.7% #473C38	RGB 71 60 56	#473C38
33.3%	33.3% #60534F	RGB 96 83 79	#60534F
50.0%	50.0% #796B68	RGB 121 107 104	#796B68
66.7%	66.7% #918583	RGB 145 133 131	#918583
83.3%	83.3% #AAA1A0	RGB 170 161 160	#AAA1A0
100.0%	100.0% #C3C0C0	RGB 195 192 192	#C3C0C0

#2F2723 #473C38 #60534F #796B68 #918583 #AAA1A0 #C3C0C0

#2F2723 - #796B68 - #C3C0C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F2723 0%, #796B68 50%, #C3C0C0 100%);
    background: -webkit-linear-gradient(top, #2F2723 0%, #796B68 50%, #C3C0C0 100%);
    background: linear-gradient(to bottom, #2F2723 0%, #796B68 50%, #C3C0C0 100%);
}
</style>