#2D5E3C - #50C583 | 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 #2D5E3C to #50C583

#2D5E3C #50C583

Calculate the color between two colors, #2D5E3C and #50C583. 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)

#2D5E3C - #50C583 | 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 #2D5E3C as 0% and #50C583 as 100%.

0.0%	0.0% #2D5E3C	RGB 45 94 60	#2D5E3C
16.7%	16.7% #326F47	RGB 50 111 71	#326F47
33.3%	33.3% #388053	RGB 56 128 83	#388053
50.0%	50.0% #3E915F	RGB 62 145 95	#3E915F
66.7%	66.7% #44A26B	RGB 68 162 107	#44A26B
83.3%	83.3% #4AB377	RGB 74 179 119	#4AB377
100.0%	100.0% #50C583	RGB 80 197 131	#50C583

#2D5E3C #326F47 #388053 #3E915F #44A26B #4AB377 #50C583

#2D5E3C - #50C583

HSV Blend

#2D5E3C - #50C583 | 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 #2D5E3C as 0% and #50C583 as 100%.

0.0%	0.0% #2D5E3C	RGB 45 94 60	#2D5E3C
16.7%	16.7% #336F47	RGB 51 111 71	#336F47
33.3%	33.3% #3A8052	RGB 58 128 82	#3A8052
50.0%	50.0% #40915E	RGB 64 145 94	#40915E
66.7%	66.7% #45A26A	RGB 69 162 106	#45A26A
83.3%	83.3% #4BB376	RGB 75 179 118	#4BB376
100.0%	100.0% #50C583	RGB 80 197 131	#50C583

#2D5E3C #336F47 #3A8052 #40915E #45A26A #4BB376 #50C583

#2D5E3C - #40915E - #50C583

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E3C 0%, #40915E 50%, #50C583 100%);
    background: -webkit-linear-gradient(top, #2D5E3C 0%, #40915E 50%, #50C583 100%);
    background: linear-gradient(to bottom, #2D5E3C 0%, #40915E 50%, #50C583 100%);
}
</style>