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

#2F2323 #C3C0C0

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

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

0.0%	0.0% #2F2323	RGB 47 35 35	#2F2323
16.7%	16.7% #473D3D	RGB 71 61 61	#473D3D
33.3%	33.3% #605757	RGB 96 87 87	#605757
50.0%	50.0% #797171	RGB 121 113 113	#797171
66.7%	66.7% #918B8B	RGB 145 139 139	#918B8B
83.3%	83.3% #AAA5A5	RGB 170 165 165	#AAA5A5
100.0%	100.0% #C3C0C0	RGB 195 192 192	#C3C0C0

#2F2323 #473D3D #605757 #797171 #918B8B #AAA5A5 #C3C0C0

#2F2323 - #C3C0C0

HSV Blend

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

0.0%	0.0% #2F2323	RGB 47 35 35	#2F2323
16.7%	16.7% #473838	RGB 71 56 56	#473838
33.3%	33.3% #604F4F	RGB 96 79 79	#604F4F
50.0%	50.0% #796868	RGB 121 104 104	#796868
66.7%	66.7% #918383	RGB 145 131 131	#918383
83.3%	83.3% #AAA0A0	RGB 170 160 160	#AAA0A0
100.0%	100.0% #C3C0C0	RGB 195 192 192	#C3C0C0

#2F2323 #473838 #604F4F #796868 #918383 #AAA0A0 #C3C0C0

#2F2323 - #796868 - #C3C0C0

CSS codes

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

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