#3E302B - #261000 | 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 #3E302B to #261000

#3E302B #261000

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

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

0.0%	0.0% #3E302B	RGB 62 48 43	#3E302B
16.7%	16.7% #3A2A23	RGB 58 42 35	#3A2A23
33.3%	33.3% #36251C	RGB 54 37 28	#36251C
50.0%	50.0% #322015	RGB 50 32 21	#322015
66.7%	66.7% #2E1A0E	RGB 46 26 14	#2E1A0E
83.3%	83.3% #2A1507	RGB 42 21 7	#2A1507
100.0%	100.0% #261000	RGB 38 16 0	#261000

#3E302B #3A2A23 #36251C #322015 #2E1A0E #2A1507 #261000

#3E302B - #261000

HSV Blend

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

0.0%	0.0% #3E302B	RGB 62 48 43	#3E302B
16.7%	16.7% #3A2821	RGB 58 40 33	#3A2821
33.3%	33.3% #362218	RGB 54 34 24	#362218
50.0%	50.0% #321C11	RGB 50 28 17	#321C11
66.7%	66.7% #2E170A	RGB 46 23 10	#2E170A
83.3%	83.3% #2A1304	RGB 42 19 4	#2A1304
100.0%	100.0% #261000	RGB 38 16 0	#261000

#3E302B #3A2821 #362218 #321C11 #2E170A #2A1304 #261000

#3E302B - #321C11 - #261000

CSS codes

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

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