#2D3E2E - #5DA275 | 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 #2D3E2E to #5DA275

#2D3E2E #5DA275

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

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

0.0%	0.0% #2D3E2E	RGB 45 62 46	#2D3E2E
16.7%	16.7% #354E39	RGB 53 78 57	#354E39
33.3%	33.3% #3D5F45	RGB 61 95 69	#3D5F45
50.0%	50.0% #457051	RGB 69 112 81	#457051
66.7%	66.7% #4D805D	RGB 77 128 93	#4D805D
83.3%	83.3% #559169	RGB 85 145 105	#559169
100.0%	100.0% #5DA275	RGB 93 162 117	#5DA275

#2D3E2E #354E39 #3D5F45 #457051 #4D805D #559169 #5DA275

#2D3E2E - #5DA275

HSV Blend

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

0.0%	0.0% #2D3E2E	RGB 45 62 46	#2D3E2E
16.7%	16.7% #374E39	RGB 55 78 57	#374E39
33.3%	33.3% #405F45	RGB 64 95 69	#405F45
50.0%	50.0% #487050	RGB 72 112 80	#487050
66.7%	66.7% #50805C	RGB 80 128 92	#50805C
83.3%	83.3% #579168	RGB 87 145 104	#579168
100.0%	100.0% #5DA275	RGB 93 162 117	#5DA275

#2D3E2E #374E39 #405F45 #487050 #50805C #579168 #5DA275

#2D3E2E - #487050 - #5DA275

CSS codes

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

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