#3D3C35 - #C7C7C5 | 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 #3D3C35 to #C7C7C5

#3D3C35 #C7C7C5

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

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

0.0%	0.0% #3D3C35	RGB 61 60 53	#3D3C35
16.7%	16.7% #54534D	RGB 84 83 77	#54534D
33.3%	33.3% #6B6A65	RGB 107 106 101	#6B6A65
50.0%	50.0% #82817D	RGB 130 129 125	#82817D
66.7%	66.7% #999895	RGB 153 152 149	#999895
83.3%	83.3% #B0AFAD	RGB 176 175 173	#B0AFAD
100.0%	100.0% #C7C7C5	RGB 199 199 197	#C7C7C5

#3D3C35 #54534D #6B6A65 #82817D #999895 #B0AFAD #C7C7C5

#3D3C35 - #C7C7C5

HSV Blend

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

0.0%	0.0% #3D3C35	RGB 61 60 53	#3D3C35
16.7%	16.7% #54534A	RGB 84 83 74	#54534A
33.3%	33.3% #6B6A61	RGB 107 106 97	#6B6A61
50.0%	50.0% #828178	RGB 130 129 120	#828178
66.7%	66.7% #999891	RGB 153 152 145	#999891
83.3%	83.3% #B0AFAA	RGB 176 175 170	#B0AFAA
100.0%	100.0% #C7C7C5	RGB 199 199 197	#C7C7C5

#3D3C35 #54534A #6B6A61 #828178 #999891 #B0AFAA #C7C7C5

#3D3C35 - #828178 - #C7C7C5

CSS codes

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

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