#2D3E31 - #013507 | 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 #2D3E31 to #013507

#2D3E31 #013507

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

#2D3E31 - #013507 | 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 #2D3E31 as 0% and #013507 as 100%.

0.0%	0.0% #2D3E31	RGB 45 62 49	#2D3E31
16.7%	16.7% #253C2A	RGB 37 60 42	#253C2A
33.3%	33.3% #1E3B23	RGB 30 59 35	#1E3B23
50.0%	50.0% #17391C	RGB 23 57 28	#17391C
66.7%	66.7% #0F3815	RGB 15 56 21	#0F3815
83.3%	83.3% #08360E	RGB 8 54 14	#08360E
100.0%	100.0% #013507	RGB 1 53 7	#013507

#2D3E31 #253C2A #1E3B23 #17391C #0F3815 #08360E #013507

#2D3E31 - #013507

HSV Blend

#2D3E31 - #013507 | 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 #2D3E31 as 0% and #013507 as 100%.

0.0%	0.0% #2D3E31	RGB 45 62 49	#2D3E31
16.7%	16.7% #243C29	RGB 36 60 41	#243C29
33.3%	33.3% #1C3B22	RGB 28 59 34	#1C3B22
50.0%	50.0% #15391B	RGB 21 57 27	#15391B
66.7%	66.7% #0E3814	RGB 14 56 20	#0E3814
83.3%	83.3% #07360D	RGB 7 54 13	#07360D
100.0%	100.0% #013507	RGB 1 53 7	#013507

#2D3E31 #243C29 #1C3B22 #15391B #0E3814 #07360D #013507

#2D3E31 - #15391B - #013507

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3E31 0%, #15391B 50%, #013507 100%);
    background: -webkit-linear-gradient(top, #2D3E31 0%, #15391B 50%, #013507 100%);
    background: linear-gradient(to bottom, #2D3E31 0%, #15391B 50%, #013507 100%);
}
</style>