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

#3C181B #C7BDBD

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

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

0.0%	0.0% #3C181B	RGB 60 24 27	#3C181B
16.7%	16.7% #533336	RGB 83 51 54	#533336
33.3%	33.3% #6A4F51	RGB 106 79 81	#6A4F51
50.0%	50.0% #816A6C	RGB 129 106 108	#816A6C
66.7%	66.7% #988687	RGB 152 134 135	#988687
83.3%	83.3% #AFA1A2	RGB 175 161 162	#AFA1A2
100.0%	100.0% #C7BDBD	RGB 199 189 189	#C7BDBD

#3C181B #533336 #6A4F51 #816A6C #988687 #AFA1A2 #C7BDBD

#3C181B - #C7BDBD

HSV Blend

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

0.0%	0.0% #3C181B	RGB 60 24 27	#3C181B
16.7%	16.7% #53282B	RGB 83 40 43	#53282B
33.3%	33.3% #6A3E40	RGB 106 62 64	#6A3E40
50.0%	50.0% #815759	RGB 129 87 89	#815759
66.7%	66.7% #987576	RGB 152 117 118	#987576
83.3%	83.3% #AF9697	RGB 175 150 151	#AF9697
100.0%	100.0% #C7BDBD	RGB 199 189 189	#C7BDBD

#3C181B #53282B #6A3E40 #815759 #987576 #AF9697 #C7BDBD

#3C181B - #815759 - #C7BDBD

CSS codes

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

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