#3D3236 - #C7C4C5 | 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 #3D3236 to #C7C4C5

#3D3236 #C7C4C5

Calculate the color between two colors, #3D3236 and #C7C4C5. 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)

#3D3236 - #C7C4C5 | 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 #3D3236 as 0% and #C7C4C5 as 100%.

0.0%	0.0% #3D3236	RGB 61 50 54	#3D3236
16.7%	16.7% #544A4D	RGB 84 74 77	#544A4D
33.3%	33.3% #6B6265	RGB 107 98 101	#6B6265
50.0%	50.0% #827B7D	RGB 130 123 125	#827B7D
66.7%	66.7% #999395	RGB 153 147 149	#999395
83.3%	83.3% #B0ABAD	RGB 176 171 173	#B0ABAD
100.0%	100.0% #C7C4C5	RGB 199 196 197	#C7C4C5

#3D3236 #544A4D #6B6265 #827B7D #999395 #B0ABAD #C7C4C5

#3D3236 - #C7C4C5

HSV Blend

#3D3236 - #C7C4C5 | 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 #3D3236 as 0% and #C7C4C5 as 100%.

0.0%	0.0% #3D3236	RGB 61 50 54	#3D3236
16.7%	16.7% #54474B	RGB 84 71 75	#54474B
33.3%	33.3% #6B5D62	RGB 107 93 98	#6B5D62
50.0%	50.0% #827579	RGB 130 117 121	#827579
66.7%	66.7% #998E91	RGB 153 142 145	#998E91
83.3%	83.3% #B0A8AB	RGB 176 168 171	#B0A8AB
100.0%	100.0% #C7C4C5	RGB 199 196 197	#C7C4C5

#3D3236 #54474B #6B5D62 #827579 #998E91 #B0A8AB #C7C4C5

#3D3236 - #827579 - #C7C4C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3236 0%, #827579 50%, #C7C4C5 100%);
    background: -webkit-linear-gradient(top, #3D3236 0%, #827579 50%, #C7C4C5 100%);
    background: linear-gradient(to bottom, #3D3236 0%, #827579 50%, #C7C4C5 100%);
}
</style>