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

#2F2423 #C3C0C0

Calculate the color between two colors, #2F2423 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)

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

0.0%	0.0% #2F2423	RGB 47 36 35	#2F2423
16.7%	16.7% #473E3D	RGB 71 62 61	#473E3D
33.3%	33.3% #605857	RGB 96 88 87	#605857
50.0%	50.0% #797271	RGB 121 114 113	#797271
66.7%	66.7% #918C8B	RGB 145 140 139	#918C8B
83.3%	83.3% #AAA6A5	RGB 170 166 165	#AAA6A5
100.0%	100.0% #C3C0C0	RGB 195 192 192	#C3C0C0

#2F2423 #473E3D #605857 #797271 #918C8B #AAA6A5 #C3C0C0

#2F2423 - #C3C0C0

HSV Blend

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

0.0%	0.0% #2F2423	RGB 47 36 35	#2F2423
16.7%	16.7% #473938	RGB 71 57 56	#473938
33.3%	33.3% #60504F	RGB 96 80 79	#60504F
50.0%	50.0% #796968	RGB 121 105 104	#796968
66.7%	66.7% #918483	RGB 145 132 131	#918483
83.3%	83.3% #AAA1A0	RGB 170 161 160	#AAA1A0
100.0%	100.0% #C3C0C0	RGB 195 192 192	#C3C0C0

#2F2423 #473938 #60504F #796968 #918483 #AAA1A0 #C3C0C0

#2F2423 - #796968 - #C3C0C0

CSS codes

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

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