#2D3B3C - #6D656B | 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 #2D3B3C to #6D656B

#2D3B3C #6D656B

Calculate the color between two colors, #2D3B3C and #6D656B. 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)

#2D3B3C - #6D656B | 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 #2D3B3C as 0% and #6D656B as 100%.

0.0%	0.0% #2D3B3C	RGB 45 59 60	#2D3B3C
16.7%	16.7% #374243	RGB 55 66 67	#374243
33.3%	33.3% #42494B	RGB 66 73 75	#42494B
50.0%	50.0% #4D5053	RGB 77 80 83	#4D5053
66.7%	66.7% #57575B	RGB 87 87 91	#57575B
83.3%	83.3% #625E63	RGB 98 94 99	#625E63
100.0%	100.0% #6D656B	RGB 109 101 107	#6D656B

#2D3B3C #374243 #42494B #4D5053 #57575B #625E63 #6D656B

#2D3B3C - #6D656B

HSV Blend

#2D3B3C - #6D656B | 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 #2D3B3C as 0% and #6D656B as 100%.

0.0%	0.0% #2D3B3C	RGB 45 59 60	#2D3B3C
16.7%	16.7% #353D44	RGB 53 61 68	#353D44
33.3%	33.3% #3D404C	RGB 61 64 76	#3D404C
50.0%	50.0% #484654	RGB 72 70 84	#484654
66.7%	66.7% #56505C	RGB 86 80 92	#56505C
83.3%	83.3% #635A64	RGB 99 90 100	#635A64
100.0%	100.0% #6D656B	RGB 109 101 107	#6D656B

#2D3B3C #353D44 #3D404C #484654 #56505C #635A64 #6D656B

#2D3B3C - #484654 - #6D656B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3B3C 0%, #484654 50%, #6D656B 100%);
    background: -webkit-linear-gradient(top, #2D3B3C 0%, #484654 50%, #6D656B 100%);
    background: linear-gradient(to bottom, #2D3B3C 0%, #484654 50%, #6D656B 100%);
}
</style>