#2D3C43 - #817F76 | 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 #2D3C43 to #817F76

#2D3C43 #817F76

Calculate the color between two colors, #2D3C43 and #817F76. 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)

#2D3C43 - #817F76 | 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 #2D3C43 as 0% and #817F76 as 100%.

0.0%	0.0% #2D3C43	RGB 45 60 67	#2D3C43
16.7%	16.7% #3B474B	RGB 59 71 75	#3B474B
33.3%	33.3% #495254	RGB 73 82 84	#495254
50.0%	50.0% #575D5C	RGB 87 93 92	#575D5C
66.7%	66.7% #656865	RGB 101 104 101	#656865
83.3%	83.3% #73736D	RGB 115 115 109	#73736D
100.0%	100.0% #817F76	RGB 129 127 118	#817F76

#2D3C43 #3B474B #495254 #575D5C #656865 #73736D #817F76

#2D3C43 - #817F76

HSV Blend

#2D3C43 - #817F76 | 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 #2D3C43 as 0% and #817F76 as 100%.

0.0%	0.0% #2D3C43	RGB 45 60 67	#2D3C43
16.7%	16.7% #374D4B	RGB 55 77 75	#374D4B
33.3%	33.3% #41574C	RGB 65 87 76	#41574C
50.0%	50.0% #4D624F	RGB 77 98 79	#4D624F
66.7%	66.7% #606C5A	RGB 96 108 90	#606C5A
83.3%	83.3% #737667	RGB 115 118 103	#737667
100.0%	100.0% #817F76	RGB 129 127 118	#817F76

#2D3C43 #374D4B #41574C #4D624F #606C5A #737667 #817F76

#2D3C43 - #4D624F - #817F76

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3C43 0%, #4D624F 50%, #817F76 100%);
    background: -webkit-linear-gradient(top, #2D3C43 0%, #4D624F 50%, #817F76 100%);
    background: linear-gradient(to bottom, #2D3C43 0%, #4D624F 50%, #817F76 100%);
}
</style>