#3E0300 - #C7B7B6 | 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 #3E0300 to #C7B7B6

#3E0300 #C7B7B6

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

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

0.0%	0.0% #3E0300	RGB 62 3 0	#3E0300
16.7%	16.7% #54211E	RGB 84 33 30	#54211E
33.3%	33.3% #6B3F3C	RGB 107 63 60	#6B3F3C
50.0%	50.0% #825D5B	RGB 130 93 91	#825D5B
66.7%	66.7% #997B79	RGB 153 123 121	#997B79
83.3%	83.3% #B09997	RGB 176 153 151	#B09997
100.0%	100.0% #C7B7B6	RGB 199 183 182	#C7B7B6

#3E0300 #54211E #6B3F3C #825D5B #997B79 #B09997 #C7B7B6

#3E0300 - #C7B7B6

HSV Blend

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

0.0%	0.0% #3E0300	RGB 62 3 0	#3E0300
16.7%	16.7% #54100C	RGB 84 16 12	#54100C
33.3%	33.3% #6B2420	RGB 107 36 32	#6B2420
50.0%	50.0% #823F3B	RGB 130 63 59	#823F3B
66.7%	66.7% #99605D	RGB 153 96 93	#99605D
83.3%	83.3% #B08886	RGB 176 136 134	#B08886
100.0%	100.0% #C7B7B6	RGB 199 183 182	#C7B7B6

#3E0300 #54100C #6B2420 #823F3B #99605D #B08886 #C7B7B6

#3E0300 - #823F3B - #C7B7B6

CSS codes

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

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