#3E2D3A - #1B0806 | 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 #3E2D3A to #1B0806

#3E2D3A #1B0806

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

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

0.0%	0.0% #3E2D3A	RGB 62 45 58	#3E2D3A
16.7%	16.7% #382631	RGB 56 38 49	#382631
33.3%	33.3% #322028	RGB 50 32 40	#322028
50.0%	50.0% #2C1A20	RGB 44 26 32	#2C1A20
66.7%	66.7% #261417	RGB 38 20 23	#261417
83.3%	83.3% #200E0E	RGB 32 14 14	#200E0E
100.0%	100.0% #1B0806	RGB 27 8 6	#1B0806

#3E2D3A #382631 #322028 #2C1A20 #261417 #200E0E #1B0806

#3E2D3A - #1B0806

HSV Blend

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

0.0%	0.0% #3E2D3A	RGB 62 45 58	#3E2D3A
16.7%	16.7% #382430	RGB 56 36 48	#382430
33.3%	33.3% #321C26	RGB 50 28 38	#321C26
50.0%	50.0% #2C151C	RGB 44 21 28	#2C151C
66.7%	66.7% #260F13	RGB 38 15 19	#260F13
83.3%	83.3% #200A0B	RGB 32 10 11	#200A0B
100.0%	100.0% #1B0806	RGB 27 8 6	#1B0806

#3E2D3A #382430 #321C26 #2C151C #260F13 #200A0B #1B0806

#3E2D3A - #2C151C - #1B0806

CSS codes

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

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