#2B333D - #5C7E6E | 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 #2B333D to #5C7E6E

#2B333D #5C7E6E

Calculate the color between two colors, #2B333D and #5C7E6E. 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)

#2B333D - #5C7E6E | 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 #2B333D as 0% and #5C7E6E as 100%.

0.0%	0.0% #2B333D	RGB 43 51 61	#2B333D
16.7%	16.7% #333F45	RGB 51 63 69	#333F45
33.3%	33.3% #3B4C4D	RGB 59 76 77	#3B4C4D
50.0%	50.0% #435855	RGB 67 88 85	#435855
66.7%	66.7% #4B655D	RGB 75 101 93	#4B655D
83.3%	83.3% #537165	RGB 83 113 101	#537165
100.0%	100.0% #5C7E6E	RGB 92 126 110	#5C7E6E

#2B333D #333F45 #3B4C4D #435855 #4B655D #537165 #5C7E6E

#2B333D - #5C7E6E

HSV Blend

#2B333D - #5C7E6E | 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 #2B333D as 0% and #5C7E6E as 100%.

0.0%	0.0% #2B333D	RGB 43 51 61	#2B333D
16.7%	16.7% #323F47	RGB 50 63 71	#323F47
33.3%	33.3% #3A4D52	RGB 58 77 82	#3A4D52
50.0%	50.0% #435C5D	RGB 67 92 93	#435C5D
66.7%	66.7% #4B6864	RGB 75 104 100	#4B6864
83.3%	83.3% #537369	RGB 83 115 105	#537369
100.0%	100.0% #5C7E6E	RGB 92 126 110	#5C7E6E

#2B333D #323F47 #3A4D52 #435C5D #4B6864 #537369 #5C7E6E

#2B333D - #435C5D - #5C7E6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B333D 0%, #435C5D 50%, #5C7E6E 100%);
    background: -webkit-linear-gradient(top, #2B333D 0%, #435C5D 50%, #5C7E6E 100%);
    background: linear-gradient(to bottom, #2B333D 0%, #435C5D 50%, #5C7E6E 100%);
}
</style>