#3E191B - #C7BDBD | 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 #3E191B to #C7BDBD

#3E191B #C7BDBD

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

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

0.0%	0.0% #3E191B	RGB 62 25 27	#3E191B
16.7%	16.7% #543436	RGB 84 52 54	#543436
33.3%	33.3% #6B4F51	RGB 107 79 81	#6B4F51
50.0%	50.0% #826B6C	RGB 130 107 108	#826B6C
66.7%	66.7% #998687	RGB 153 134 135	#998687
83.3%	83.3% #B0A1A2	RGB 176 161 162	#B0A1A2
100.0%	100.0% #C7BDBD	RGB 199 189 189	#C7BDBD

#3E191B #543436 #6B4F51 #826B6C #998687 #B0A1A2 #C7BDBD

#3E191B - #C7BDBD

HSV Blend

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

0.0%	0.0% #3E191B	RGB 62 25 27	#3E191B
16.7%	16.7% #54292B	RGB 84 41 43	#54292B
33.3%	33.3% #6B3F40	RGB 107 63 64	#6B3F40
50.0%	50.0% #825859	RGB 130 88 89	#825859
66.7%	66.7% #997576	RGB 153 117 118	#997576
83.3%	83.3% #B09797	RGB 176 151 151	#B09797
100.0%	100.0% #C7BDBD	RGB 199 189 189	#C7BDBD

#3E191B #54292B #6B3F40 #825859 #997576 #B09797 #C7BDBD

#3E191B - #825859 - #C7BDBD

CSS codes

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

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