#2B3E3C - #4FA983 | 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 #2B3E3C to #4FA983

#2B3E3C #4FA983

Calculate the color between two colors, #2B3E3C and #4FA983. 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)

#2B3E3C - #4FA983 | 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 #2B3E3C as 0% and #4FA983 as 100%.

0.0%	0.0% #2B3E3C	RGB 43 62 60	#2B3E3C
16.7%	16.7% #314F47	RGB 49 79 71	#314F47
33.3%	33.3% #376153	RGB 55 97 83	#376153
50.0%	50.0% #3D735F	RGB 61 115 95	#3D735F
66.7%	66.7% #43856B	RGB 67 133 107	#43856B
83.3%	83.3% #499777	RGB 73 151 119	#499777
100.0%	100.0% #4FA983	RGB 79 169 131	#4FA983

#2B3E3C #314F47 #376153 #3D735F #43856B #499777 #4FA983

#2B3E3C - #4FA983

HSV Blend

#2B3E3C - #4FA983 | 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 #2B3E3C as 0% and #4FA983 as 100%.

0.0%	0.0% #2B3E3C	RGB 43 62 60	#2B3E3C
16.7%	16.7% #344F4B	RGB 52 79 75	#344F4B
33.3%	33.3% #3C6159	RGB 60 97 89	#3C6159
50.0%	50.0% #437366	RGB 67 115 102	#437366
66.7%	66.7% #488572	RGB 72 133 114	#488572
83.3%	83.3% #4C977B	RGB 76 151 123	#4C977B
100.0%	100.0% #4FA983	RGB 79 169 131	#4FA983

#2B3E3C #344F4B #3C6159 #437366 #488572 #4C977B #4FA983

#2B3E3C - #437366 - #4FA983

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B3E3C 0%, #437366 50%, #4FA983 100%);
    background: -webkit-linear-gradient(top, #2B3E3C 0%, #437366 50%, #4FA983 100%);
    background: linear-gradient(to bottom, #2B3E3C 0%, #437366 50%, #4FA983 100%);
}
</style>