#2D4A47 - #002C1E | 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 #2D4A47 to #002C1E

#2D4A47 #002C1E

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

#2D4A47 - #002C1E | 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 #2D4A47 as 0% and #002C1E as 100%.

0.0%	0.0% #2D4A47	RGB 45 74 71	#2D4A47
16.7%	16.7% #254540	RGB 37 69 64	#254540
33.3%	33.3% #1E4039	RGB 30 64 57	#1E4039
50.0%	50.0% #163B32	RGB 22 59 50	#163B32
66.7%	66.7% #0E362B	RGB 14 54 43	#0E362B
83.3%	83.3% #073124	RGB 7 49 36	#073124
100.0%	100.0% #002C1E	RGB 0 44 30	#002C1E

#2D4A47 #254540 #1E4039 #163B32 #0E362B #073124 #002C1E

#2D4A47 - #002C1E

HSV Blend

#2D4A47 - #002C1E | 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 #2D4A47 as 0% and #002C1E as 100%.

0.0%	0.0% #2D4A47	RGB 45 74 71	#2D4A47
16.7%	16.7% #224540	RGB 34 69 64	#224540
33.3%	33.3% #194039	RGB 25 64 57	#194039
50.0%	50.0% #113B32	RGB 17 59 50	#113B32
66.7%	66.7% #0A362B	RGB 10 54 43	#0A362B
83.3%	83.3% #043124	RGB 4 49 36	#043124
100.0%	100.0% #002C1E	RGB 0 44 30	#002C1E

#2D4A47 #224540 #194039 #113B32 #0A362B #043124 #002C1E

#2D4A47 - #113B32 - #002C1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D4A47 0%, #113B32 50%, #002C1E 100%);
    background: -webkit-linear-gradient(top, #2D4A47 0%, #113B32 50%, #002C1E 100%);
    background: linear-gradient(to bottom, #2D4A47 0%, #113B32 50%, #002C1E 100%);
}
</style>