#4E4952 - #1D1414 | 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 #4E4952 to #1D1414

#4E4952 #1D1414

Calculate the color between two colors, #4E4952 and #1D1414. 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)

#4E4952 - #1D1414 | 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 #4E4952 as 0% and #1D1414 as 100%.

0.0%	0.0% #4E4952	RGB 78 73 82	#4E4952
16.7%	16.7% #454047	RGB 69 64 71	#454047
33.3%	33.3% #3D373D	RGB 61 55 61	#3D373D
50.0%	50.0% #352E33	RGB 53 46 51	#352E33
66.7%	66.7% #2D2528	RGB 45 37 40	#2D2528
83.3%	83.3% #251C1E	RGB 37 28 30	#251C1E
100.0%	100.0% #1D1414	RGB 29 20 20	#1D1414

#4E4952 #454047 #3D373D #352E33 #2D2528 #251C1E #1D1414

#4E4952 - #1D1414

HSV Blend

#4E4952 - #1D1414 | 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 #4E4952 as 0% and #1D1414 as 100%.

0.0%	0.0% #4E4952	RGB 78 73 82	#4E4952
16.7%	16.7% #473E49	RGB 71 62 73	#473E49
33.3%	33.3% #40343F	RGB 64 52 63	#40343F
50.0%	50.0% #372B34	RGB 55 43 52	#372B34
66.7%	66.7% #2E2328	RGB 46 35 40	#2E2328
83.3%	83.3% #251B1D	RGB 37 27 29	#251B1D
100.0%	100.0% #1D1414	RGB 29 20 20	#1D1414

#4E4952 #473E49 #40343F #372B34 #2E2328 #251B1D #1D1414

#4E4952 - #372B34 - #1D1414

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E4952 0%, #372B34 50%, #1D1414 100%);
    background: -webkit-linear-gradient(top, #4E4952 0%, #372B34 50%, #1D1414 100%);
    background: linear-gradient(to bottom, #4E4952 0%, #372B34 50%, #1D1414 100%);
}
</style>