#3C1105 - #C7BBB7 | 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 #3C1105 to #C7BBB7

#3C1105 #C7BBB7

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

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

0.0%	0.0% #3C1105	RGB 60 17 5	#3C1105
16.7%	16.7% #532D22	RGB 83 45 34	#532D22
33.3%	33.3% #6A4940	RGB 106 73 64	#6A4940
50.0%	50.0% #81665E	RGB 129 102 94	#81665E
66.7%	66.7% #98827B	RGB 152 130 123	#98827B
83.3%	83.3% #AF9E99	RGB 175 158 153	#AF9E99
100.0%	100.0% #C7BBB7	RGB 199 187 183	#C7BBB7

#3C1105 #532D22 #6A4940 #81665E #98827B #AF9E99 #C7BBB7

#3C1105 - #C7BBB7

HSV Blend

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

0.0%	0.0% #3C1004	RGB 60 16 4	#3C1004
16.7%	16.7% #532012	RGB 83 32 18	#532012
33.3%	33.3% #6A3626	RGB 106 54 38	#6A3626
50.0%	50.0% #815040	RGB 129 80 64	#815040
66.7%	66.7% #986E61	RGB 152 110 97	#986E61
83.3%	83.3% #AF9289	RGB 175 146 137	#AF9289
100.0%	100.0% #C7BBB7	RGB 199 187 183	#C7BBB7

#3C1004 #532012 #6A3626 #815040 #986E61 #AF9289 #C7BBB7

#3C1105 - #815040 - #C7BBB7

CSS codes

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

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