#2D3E32 - #041B1B | 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 #2D3E32 to #041B1B

#2D3E32 #041B1B

Calculate the color between two colors, #2D3E32 and #041B1B. 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)

#2D3E32 - #041B1B | 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 #2D3E32 as 0% and #041B1B as 100%.

0.0%	0.0% #2D3E32	RGB 45 62 50	#2D3E32
16.7%	16.7% #26382E	RGB 38 56 46	#26382E
33.3%	33.3% #1F322A	RGB 31 50 42	#1F322A
50.0%	50.0% #182C26	RGB 24 44 38	#182C26
66.7%	66.7% #112622	RGB 17 38 34	#112622
83.3%	83.3% #0A201E	RGB 10 32 30	#0A201E
100.0%	100.0% #041B1B	RGB 4 27 27	#041B1B

#2D3E32 #26382E #1F322A #182C26 #112622 #0A201E #041B1B

#2D3E32 - #041B1B

HSV Blend

#2D3E32 - #041B1B | 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 #2D3E32 as 0% and #041B1B as 100%.

0.0%	0.0% #2D3E32	RGB 45 62 50	#2D3E32
16.7%	16.7% #23382B	RGB 35 56 43	#23382B
33.3%	33.3% #1A3227	RGB 26 50 39	#1A3227
50.0%	50.0% #132C23	RGB 19 44 35	#132C23
66.7%	66.7% #0D2620	RGB 13 38 32	#0D2620
83.3%	83.3% #08201D	RGB 8 32 29	#08201D
100.0%	100.0% #041B1B	RGB 4 27 27	#041B1B

#2D3E32 #23382B #1A3227 #132C23 #0D2620 #08201D #041B1B

#2D3E32 - #132C23 - #041B1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3E32 0%, #132C23 50%, #041B1B 100%);
    background: -webkit-linear-gradient(top, #2D3E32 0%, #132C23 50%, #041B1B 100%);
    background: linear-gradient(to bottom, #2D3E32 0%, #132C23 50%, #041B1B 100%);
}
</style>