#2D3D3C - #52A883 | 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 #2D3D3C to #52A883

#2D3D3C #52A883

Calculate the color between two colors, #2D3D3C and #52A883. 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)

#2D3D3C - #52A883 | 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 #2D3D3C as 0% and #52A883 as 100%.

0.0%	0.0% #2D3D3C	RGB 45 61 60	#2D3D3C
16.7%	16.7% #334E47	RGB 51 78 71	#334E47
33.3%	33.3% #396053	RGB 57 96 83	#396053
50.0%	50.0% #3F725F	RGB 63 114 95	#3F725F
66.7%	66.7% #45846B	RGB 69 132 107	#45846B
83.3%	83.3% #4B9677	RGB 75 150 119	#4B9677
100.0%	100.0% #52A883	RGB 82 168 131	#52A883

#2D3D3C #334E47 #396053 #3F725F #45846B #4B9677 #52A883

#2D3D3C - #52A883

HSV Blend

#2D3D3C - #52A883 | 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 #2D3D3C as 0% and #52A883 as 100%.

0.0%	0.0% #2D3D3C	RGB 45 61 60	#2D3D3C
16.7%	16.7% #364E4B	RGB 54 78 75	#364E4B
33.3%	33.3% #3F605A	RGB 63 96 90	#3F605A
50.0%	50.0% #467267	RGB 70 114 103	#467267
66.7%	66.7% #4B8472	RGB 75 132 114	#4B8472
83.3%	83.3% #4F967C	RGB 79 150 124	#4F967C
100.0%	100.0% #52A883	RGB 82 168 131	#52A883

#2D3D3C #364E4B #3F605A #467267 #4B8472 #4F967C #52A883

#2D3D3C - #467267 - #52A883

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3D3C 0%, #467267 50%, #52A883 100%);
    background: -webkit-linear-gradient(top, #2D3D3C 0%, #467267 50%, #52A883 100%);
    background: linear-gradient(to bottom, #2D3D3C 0%, #467267 50%, #52A883 100%);
}
</style>