#2E3232 - #556D4E | 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 #2E3232 to #556D4E

#2E3232 #556D4E

Calculate the color between two colors, #2E3232 and #556D4E. 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)

#2E3232 - #556D4E | 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 #2E3232 as 0% and #556D4E as 100%.

0.0%	0.0% #2E3232	RGB 46 50 50	#2E3232
16.7%	16.7% #343B36	RGB 52 59 54	#343B36
33.3%	33.3% #3B453B	RGB 59 69 59	#3B453B
50.0%	50.0% #414F40	RGB 65 79 64	#414F40
66.7%	66.7% #485944	RGB 72 89 68	#485944
83.3%	83.3% #4E6349	RGB 78 99 73	#4E6349
100.0%	100.0% #556D4E	RGB 85 109 78	#556D4E

#2E3232 #343B36 #3B453B #414F40 #485944 #4E6349 #556D4E

#2E3232 - #556D4E

HSV Blend

#2E3232 - #556D4E | 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 #2E3232 as 0% and #556D4E as 100%.

0.0%	0.0% #2E3232	RGB 46 50 50	#2E3232
16.7%	16.7% #353B3A	RGB 53 59 58	#353B3A
33.3%	33.3% #3B4541	RGB 59 69 65	#3B4541
50.0%	50.0% #414F46	RGB 65 79 70	#414F46
66.7%	66.7% #465949	RGB 70 89 73	#465949
83.3%	83.3% #4A634A	RGB 74 99 74	#4A634A
100.0%	100.0% #556D4E	RGB 85 109 78	#556D4E

#2E3232 #353B3A #3B4541 #414F46 #465949 #4A634A #556D4E

#2E3232 - #414F46 - #556D4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E3232 0%, #414F46 50%, #556D4E 100%);
    background: -webkit-linear-gradient(top, #2E3232 0%, #414F46 50%, #556D4E 100%);
    background: linear-gradient(to bottom, #2E3232 0%, #414F46 50%, #556D4E 100%);
}
</style>