#2D3136 - #756D64 | 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 #2D3136 to #756D64

#2D3136 #756D64

Calculate the color between two colors, #2D3136 and #756D64. 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)

#2D3136 - #756D64 | 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 #2D3136 as 0% and #756D64 as 100%.

0.0%	0.0% #2D3136	RGB 45 49 54	#2D3136
16.7%	16.7% #393B3D	RGB 57 59 61	#393B3D
33.3%	33.3% #454545	RGB 69 69 69	#454545
50.0%	50.0% #514F4D	RGB 81 79 77	#514F4D
66.7%	66.7% #5D5954	RGB 93 89 84	#5D5954
83.3%	83.3% #69635C	RGB 105 99 92	#69635C
100.0%	100.0% #756D64	RGB 117 109 100	#756D64

#2D3136 #393B3D #454545 #514F4D #5D5954 #69635C #756D64

#2D3136 - #756D64

HSV Blend

#2D3136 - #756D64 | 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 #2D3136 as 0% and #756D64 as 100%.

0.0%	0.0% #2D3136	RGB 45 49 54	#2D3136
16.7%	16.7% #363540	RGB 54 53 64	#363540
33.3%	33.3% #453F4B	RGB 69 63 75	#453F4B
50.0%	50.0% #554854	RGB 85 72 84	#554854
66.7%	66.7% #605158	RGB 96 81 88	#605158
83.3%	83.3% #6A5B5A	RGB 106 91 90	#6A5B5A
100.0%	100.0% #756D64	RGB 117 109 100	#756D64

#2D3136 #363540 #453F4B #554854 #605158 #6A5B5A #756D64

#2D3136 - #554854 - #756D64

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3136 0%, #554854 50%, #756D64 100%);
    background: -webkit-linear-gradient(top, #2D3136 0%, #554854 50%, #756D64 100%);
    background: linear-gradient(to bottom, #2D3136 0%, #554854 50%, #756D64 100%);
}
</style>