#2D3E3A - #5A8F6B | 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 #2D3E3A to #5A8F6B

#2D3E3A #5A8F6B

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

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

0.0%	0.0% #2D3E3A	RGB 45 62 58	#2D3E3A
16.7%	16.7% #344B42	RGB 52 75 66	#344B42
33.3%	33.3% #3C594A	RGB 60 89 74	#3C594A
50.0%	50.0% #436652	RGB 67 102 82	#436652
66.7%	66.7% #4B745A	RGB 75 116 90	#4B745A
83.3%	83.3% #528162	RGB 82 129 98	#528162
100.0%	100.0% #5A8F6B	RGB 90 143 107	#5A8F6B

#2D3E3A #344B42 #3C594A #436652 #4B745A #528162 #5A8F6B

#2D3E3A - #5A8F6B

HSV Blend

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

0.0%	0.0% #2D3E3A	RGB 45 62 58	#2D3E3A
16.7%	16.7% #354B44	RGB 53 75 68	#354B44
33.3%	33.3% #3D594E	RGB 61 89 78	#3D594E
50.0%	50.0% #456657	RGB 69 102 87	#456657
66.7%	66.7% #4C745F	RGB 76 116 95	#4C745F
83.3%	83.3% #538165	RGB 83 129 101	#538165
100.0%	100.0% #5A8F6B	RGB 90 143 107	#5A8F6B

#2D3E3A #354B44 #3D594E #456657 #4C745F #538165 #5A8F6B

#2D3E3A - #456657 - #5A8F6B

CSS codes

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

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