#3E2F2D - #401301 | 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 #3E2F2D to #401301

#3E2F2D #401301

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

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

0.0%	0.0% #3E2F2D	RGB 62 47 45	#3E2F2D
16.7%	16.7% #3E2A25	RGB 62 42 37	#3E2A25
33.3%	33.3% #3E251E	RGB 62 37 30	#3E251E
50.0%	50.0% #3F2117	RGB 63 33 23	#3F2117
66.7%	66.7% #3F1C0F	RGB 63 28 15	#3F1C0F
83.3%	83.3% #3F1708	RGB 63 23 8	#3F1708
100.0%	100.0% #401301	RGB 64 19 1	#401301

#3E2F2D #3E2A25 #3E251E #3F2117 #3F1C0F #3F1708 #401301

#3E2F2D - #401301

HSV Blend

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

0.0%	0.0% #3E2F2D	RGB 62 47 45	#3E2F2D
16.7%	16.7% #3E2925	RGB 62 41 37	#3E2925
33.3%	33.3% #3E241E	RGB 62 36 30	#3E241E
50.0%	50.0% #3F1F17	RGB 63 31 23	#3F1F17
66.7%	66.7% #3F1A0F	RGB 63 26 15	#3F1A0F
83.3%	83.3% #3F1608	RGB 63 22 8	#3F1608
100.0%	100.0% #401301	RGB 64 19 1	#401301

#3E2F2D #3E2925 #3E241E #3F1F17 #3F1A0F #3F1608 #401301

#3E2F2D - #3F1F17 - #401301

CSS codes

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

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