#2D3E39 - #00231B | 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 #2D3E39 to #00231B

#2D3E39 #00231B

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

#2D3E39 - #00231B | 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 #2D3E39 as 0% and #00231B as 100%.

0.0%	0.0% #2D3E39	RGB 45 62 57	#2D3E39
16.7%	16.7% #253934	RGB 37 57 52	#253934
33.3%	33.3% #1E352F	RGB 30 53 47	#1E352F
50.0%	50.0% #16302A	RGB 22 48 42	#16302A
66.7%	66.7% #0E2C25	RGB 14 44 37	#0E2C25
83.3%	83.3% #072720	RGB 7 39 32	#072720
100.0%	100.0% #00231B	RGB 0 35 27	#00231B

#2D3E39 #253934 #1E352F #16302A #0E2C25 #072720 #00231B

#2D3E39 - #00231B

HSV Blend

#2D3E39 - #00231B | 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 #2D3E39 as 0% and #00231B as 100%.

0.0%	0.0% #2D3E39	RGB 45 62 57	#2D3E39
16.7%	16.7% #223933	RGB 34 57 51	#223933
33.3%	33.3% #19352D	RGB 25 53 45	#19352D
50.0%	50.0% #113028	RGB 17 48 40	#113028
66.7%	66.7% #0A2C23	RGB 10 44 35	#0A2C23
83.3%	83.3% #04271F	RGB 4 39 31	#04271F
100.0%	100.0% #00231B	RGB 0 35 27	#00231B

#2D3E39 #223933 #19352D #113028 #0A2C23 #04271F #00231B

#2D3E39 - #113028 - #00231B

CSS codes

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

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