#3E2D3D - #390309 | 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 #3E2D3D to #390309

#3E2D3D #390309

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

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

0.0%	0.0% #3E2D3D	RGB 62 45 61	#3E2D3D
16.7%	16.7% #3D2634	RGB 61 38 52	#3D2634
33.3%	33.3% #3C1F2B	RGB 60 31 43	#3C1F2B
50.0%	50.0% #3B1823	RGB 59 24 35	#3B1823
66.7%	66.7% #3A101A	RGB 58 16 26	#3A101A
83.3%	83.3% #390A11	RGB 57 10 17	#390A11
100.0%	100.0% #390309	RGB 57 3 9	#390309

#3E2D3D #3D2634 #3C1F2B #3B1823 #3A101A #390A11 #390309

#3E2D3D - #390309

HSV Blend

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

0.0%	0.0% #3E2D3D	RGB 62 45 61	#3E2D3D
16.7%	16.7% #3D2538	RGB 61 37 56	#3D2538
33.3%	33.3% #3C1E32	RGB 60 30 50	#3C1E32
50.0%	50.0% #3B172A	RGB 59 23 42	#3B172A
66.7%	66.7% #3A1020	RGB 58 16 32	#3A1020
83.3%	83.3% #390915	RGB 57 9 21	#390915
100.0%	100.0% #390309	RGB 57 3 9	#390309

#3E2D3D #3D2538 #3C1E32 #3B172A #3A1020 #390915 #390309

#3E2D3D - #3B172A - #390309

CSS codes

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

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