#3D3E2D - #1E2401 | 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 #3D3E2D to #1E2401

#3D3E2D #1E2401

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

#3D3E2D - #1E2401 | 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 #3D3E2D as 0% and #1E2401 as 100%.

0.0%	0.0% #3D3E2D	RGB 61 62 45	#3D3E2D
16.7%	16.7% #373925	RGB 55 57 37	#373925
33.3%	33.3% #32351E	RGB 50 53 30	#32351E
50.0%	50.0% #2D3117	RGB 45 49 23	#2D3117
66.7%	66.7% #282C0F	RGB 40 44 15	#282C0F
83.3%	83.3% #232808	RGB 35 40 8	#232808
100.0%	100.0% #1E2401	RGB 30 36 1	#1E2401

#3D3E2D #373925 #32351E #2D3117 #282C0F #232808 #1E2401

#3D3E2D - #1E2401

HSV Blend

#3D3E2D - #1E2401 | 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 #3D3E2D as 0% and #1E2401 as 100%.

0.0%	0.0% #3D3E2D	RGB 61 62 45	#3D3E2D
16.7%	16.7% #373923	RGB 55 57 35	#373923
33.3%	33.3% #32351A	RGB 50 53 26	#32351A
50.0%	50.0% #2D3112	RGB 45 49 18	#2D3112
66.7%	66.7% #282C0B	RGB 40 44 11	#282C0B
83.3%	83.3% #232805	RGB 35 40 5	#232805
100.0%	100.0% #1E2401	RGB 30 36 1	#1E2401

#3D3E2D #373923 #32351A #2D3112 #282C0B #232805 #1E2401

#3D3E2D - #2D3112 - #1E2401

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3E2D 0%, #2D3112 50%, #1E2401 100%);
    background: -webkit-linear-gradient(top, #3D3E2D 0%, #2D3112 50%, #1E2401 100%);
    background: linear-gradient(to bottom, #3D3E2D 0%, #2D3112 50%, #1E2401 100%);
}
</style>