#2D5E58 - #59AE58 | 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 #2D5E58 to #59AE58

#2D5E58 #59AE58

Calculate the color between two colors, #2D5E58 and #59AE58. 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)

#2D5E58 - #59AE58 | 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 #2D5E58 as 0% and #59AE58 as 100%.

0.0%	0.0% #2D5E58	RGB 45 94 88	#2D5E58
16.7%	16.7% #346B58	RGB 52 107 88	#346B58
33.3%	33.3% #3B7858	RGB 59 120 88	#3B7858
50.0%	50.0% #438658	RGB 67 134 88	#438658
66.7%	66.7% #4A9358	RGB 74 147 88	#4A9358
83.3%	83.3% #51A058	RGB 81 160 88	#51A058
100.0%	100.0% #59AE58	RGB 89 174 88	#59AE58

#2D5E58 #346B58 #3B7858 #438658 #4A9358 #51A058 #59AE58

#2D5E58 - #59AE58

HSV Blend

#2D5E58 - #59AE58 | 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 #2D5E58 as 0% and #59AE58 as 100%.

0.0%	0.0% #2D5E58	RGB 45 94 88	#2D5E58
16.7%	16.7% #336B5C	RGB 51 107 92	#336B5C
33.3%	33.3% #3A785E	RGB 58 120 94	#3A785E
50.0%	50.0% #41865F	RGB 65 134 95	#41865F
66.7%	66.7% #49935E	RGB 73 147 94	#49935E
83.3%	83.3% #50A05B	RGB 80 160 91	#50A05B
100.0%	100.0% #59AE58	RGB 89 174 88	#59AE58

#2D5E58 #336B5C #3A785E #41865F #49935E #50A05B #59AE58

#2D5E58 - #41865F - #59AE58

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E58 0%, #41865F 50%, #59AE58 100%);
    background: -webkit-linear-gradient(top, #2D5E58 0%, #41865F 50%, #59AE58 100%);
    background: linear-gradient(to bottom, #2D5E58 0%, #41865F 50%, #59AE58 100%);
}
</style>