#2D3E3D - #617F5C | 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 #2D3E3D to #617F5C

#2D3E3D #617F5C

Calculate the color between two colors, #2D3E3D and #617F5C. 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)

#2D3E3D - #617F5C | 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 #2D3E3D as 0% and #617F5C as 100%.

0.0%	0.0% #2D3E3D	RGB 45 62 61	#2D3E3D
16.7%	16.7% #354842	RGB 53 72 66	#354842
33.3%	33.3% #3E5347	RGB 62 83 71	#3E5347
50.0%	50.0% #475E4C	RGB 71 94 76	#475E4C
66.7%	66.7% #4F6951	RGB 79 105 81	#4F6951
83.3%	83.3% #587456	RGB 88 116 86	#587456
100.0%	100.0% #617F5C	RGB 97 127 92	#617F5C

#2D3E3D #354842 #3E5347 #475E4C #4F6951 #587456 #617F5C

#2D3E3D - #617F5C

HSV Blend

#2D3E3D - #617F5C | 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 #2D3E3D as 0% and #617F5C as 100%.

0.0%	0.0% #2D3E3D	RGB 45 62 61	#2D3E3D
16.7%	16.7% #344844	RGB 52 72 68	#344844
33.3%	33.3% #3C534A	RGB 60 83 74	#3C534A
50.0%	50.0% #445E4E	RGB 68 94 78	#445E4E
66.7%	66.7% #4C6952	RGB 76 105 82	#4C6952
83.3%	83.3% #547455	RGB 84 116 85	#547455
100.0%	100.0% #617F5C	RGB 97 127 92	#617F5C

#2D3E3D #344844 #3C534A #445E4E #4C6952 #547455 #617F5C

#2D3E3D - #445E4E - #617F5C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3E3D 0%, #445E4E 50%, #617F5C 100%);
    background: -webkit-linear-gradient(top, #2D3E3D 0%, #445E4E 50%, #617F5C 100%);
    background: linear-gradient(to bottom, #2D3E3D 0%, #445E4E 50%, #617F5C 100%);
}
</style>