#3C100D - #C7BAB9 | 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 #3C100D to #C7BAB9

#3C100D #C7BAB9

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

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

0.0%	0.0% #3C100D	RGB 60 16 13	#3C100D
16.7%	16.7% #532C29	RGB 83 44 41	#532C29
33.3%	33.3% #6A4846	RGB 106 72 70	#6A4846
50.0%	50.0% #816563	RGB 129 101 99	#816563
66.7%	66.7% #98817F	RGB 152 129 127	#98817F
83.3%	83.3% #AF9D9C	RGB 175 157 156	#AF9D9C
100.0%	100.0% #C7BAB9	RGB 199 186 185	#C7BAB9

#3C100D #532C29 #6A4846 #816563 #98817F #AF9D9C #C7BAB9

#3C100D - #C7BAB9

HSV Blend

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

0.0%	0.0% #3C100D	RGB 60 16 13	#3C100D
16.7%	16.7% #531F1B	RGB 83 31 27	#531F1B
33.3%	33.3% #6A3430	RGB 106 52 48	#6A3430
50.0%	50.0% #814D4A	RGB 129 77 74	#814D4A
66.7%	66.7% #986C69	RGB 152 108 105	#986C69
83.3%	83.3% #AF908E	RGB 175 144 142	#AF908E
100.0%	100.0% #C7BAB9	RGB 199 186 185	#C7BAB9

#3C100D #531F1B #6A3430 #814D4A #986C69 #AF908E #C7BAB9

#3C100D - #814D4A - #C7BAB9

CSS codes

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

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