#2D3C32 - #003C19 | 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 #2D3C32 to #003C19

#2D3C32 #003C19

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

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

0.0%	0.0% #2D3C32	RGB 45 60 50	#2D3C32
16.7%	16.7% #253C2D	RGB 37 60 45	#253C2D
33.3%	33.3% #1E3C29	RGB 30 60 41	#1E3C29
50.0%	50.0% #163C25	RGB 22 60 37	#163C25
66.7%	66.7% #0E3C21	RGB 14 60 33	#0E3C21
83.3%	83.3% #073C1D	RGB 7 60 29	#073C1D
100.0%	100.0% #003C19	RGB 0 60 25	#003C19

#2D3C32 #253C2D #1E3C29 #163C25 #0E3C21 #073C1D #003C19

#2D3C32 - #003C19

HSV Blend

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

0.0%	0.0% #2D3C32	RGB 45 60 50	#2D3C32
16.7%	16.7% #253C2D	RGB 37 60 45	#253C2D
33.3%	33.3% #1E3C28	RGB 30 60 40	#1E3C28
50.0%	50.0% #163C24	RGB 22 60 36	#163C24
66.7%	66.7% #0F3C20	RGB 15 60 32	#0F3C20
83.3%	83.3% #073C1C	RGB 7 60 28	#073C1C
100.0%	100.0% #003C19	RGB 0 60 25	#003C19

#2D3C32 #253C2D #1E3C28 #163C24 #0F3C20 #073C1C #003C19

#2D3C32 - #163C24 - #003C19

CSS codes

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

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