#3C0E03 - #C7BAB7 | 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 #3C0E03 to #C7BAB7

#3C0E03 #C7BAB7

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

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

0.0%	0.0% #3C0E03	RGB 60 14 3	#3C0E03
16.7%	16.7% #532A21	RGB 83 42 33	#532A21
33.3%	33.3% #6A473F	RGB 106 71 63	#6A473F
50.0%	50.0% #81645D	RGB 129 100 93	#81645D
66.7%	66.7% #98807B	RGB 152 128 123	#98807B
83.3%	83.3% #AF9D99	RGB 175 157 153	#AF9D99
100.0%	100.0% #C7BAB7	RGB 199 186 183	#C7BAB7

#3C0E03 #532A21 #6A473F #81645D #98807B #AF9D99 #C7BAB7

#3C0E03 - #C7BAB7

HSV Blend

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

0.0%	0.0% #3C0E03	RGB 60 14 3	#3C0E03
16.7%	16.7% #531D10	RGB 83 29 16	#531D10
33.3%	33.3% #6A3124	RGB 106 49 36	#6A3124
50.0%	50.0% #814B3E	RGB 129 75 62	#814B3E
66.7%	66.7% #986A60	RGB 152 106 96	#986A60
83.3%	83.3% #AF8F88	RGB 175 143 136	#AF8F88
100.0%	100.0% #C7BAB7	RGB 199 186 183	#C7BAB7

#3C0E03 #531D10 #6A3124 #814B3E #986A60 #AF8F88 #C7BAB7

#3C0E03 - #814B3E - #C7BAB7

CSS codes

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

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