#2D3C37 - #003C2E | 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 #2D3C37 to #003C2E

#2D3C37 #003C2E

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

#2D3C37 - #003C2E | 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 #2D3C37 as 0% and #003C2E as 100%.

0.0%	0.0% #2D3C37	RGB 45 60 55	#2D3C37
16.7%	16.7% #253C35	RGB 37 60 53	#253C35
33.3%	33.3% #1E3C34	RGB 30 60 52	#1E3C34
50.0%	50.0% #163C32	RGB 22 60 50	#163C32
66.7%	66.7% #0E3C31	RGB 14 60 49	#0E3C31
83.3%	83.3% #073C2F	RGB 7 60 47	#073C2F
100.0%	100.0% #003C2E	RGB 0 60 46	#003C2E

#2D3C37 #253C35 #1E3C34 #163C32 #0E3C31 #073C2F #003C2E

#2D3C37 - #003C2E

HSV Blend

#2D3C37 - #003C2E | 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 #2D3C37 as 0% and #003C2E as 100%.

0.0%	0.0% #2D3C37	RGB 45 60 55	#2D3C37
16.7%	16.7% #253C34	RGB 37 60 52	#253C34
33.3%	33.3% #1E3C33	RGB 30 60 51	#1E3C33
50.0%	50.0% #163C31	RGB 22 60 49	#163C31
66.7%	66.7% #0F3C30	RGB 15 60 48	#0F3C30
83.3%	83.3% #073C2E	RGB 7 60 46	#073C2E
100.0%	100.0% #003C2E	RGB 0 60 46	#003C2E

#2D3C37 #253C34 #1E3C33 #163C31 #0F3C30 #073C2E #003C2E

#2D3C37 - #163C31 - #003C2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3C37 0%, #163C31 50%, #003C2E 100%);
    background: -webkit-linear-gradient(top, #2D3C37 0%, #163C31 50%, #003C2E 100%);
    background: linear-gradient(to bottom, #2D3C37 0%, #163C31 50%, #003C2E 100%);
}
</style>