#2D3A30 - #04191B | 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 #2D3A30 to #04191B

#2D3A30 #04191B

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

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

0.0%	0.0% #2D3A30	RGB 45 58 48	#2D3A30
16.7%	16.7% #26342C	RGB 38 52 44	#26342C
33.3%	33.3% #1F2F29	RGB 31 47 41	#1F2F29
50.0%	50.0% #182925	RGB 24 41 37	#182925
66.7%	66.7% #112422	RGB 17 36 34	#112422
83.3%	83.3% #0A1E1E	RGB 10 30 30	#0A1E1E
100.0%	100.0% #04191B	RGB 4 25 27	#04191B

#2D3A30 #26342C #1F2F29 #182925 #112422 #0A1E1E #04191B

#2D3A30 - #04191B

HSV Blend

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

0.0%	0.0% #2D3A30	RGB 45 58 48	#2D3A30
16.7%	16.7% #233429	RGB 35 52 41	#233429
33.3%	33.3% #1B2F25	RGB 27 47 37	#1B2F25
50.0%	50.0% #132A22	RGB 19 42 34	#132A22
66.7%	66.7% #0D2520	RGB 13 37 32	#0D2520
83.3%	83.3% #08201E	RGB 8 32 30	#08201E
100.0%	100.0% #04191B	RGB 4 25 27	#04191B

#2D3A30 #233429 #1B2F25 #132A22 #0D2520 #08201E #04191B

#2D3A30 - #132A22 - #04191B

CSS codes

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

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