#4E5E55 - #241D23 | 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 #4E5E55 to #241D23

#4E5E55 #241D23

Calculate the color between two colors, #4E5E55 and #241D23. 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)

#4E5E55 - #241D23 | 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 #4E5E55 as 0% and #241D23 as 100%.

0.0%	0.0% #4E5E55	RGB 78 94 85	#4E5E55
16.7%	16.7% #47534C	RGB 71 83 76	#47534C
33.3%	33.3% #404844	RGB 64 72 68	#404844
50.0%	50.0% #393D3C	RGB 57 61 60	#393D3C
66.7%	66.7% #323233	RGB 50 50 51	#323233
83.3%	83.3% #2B272B	RGB 43 39 43	#2B272B
100.0%	100.0% #241D23	RGB 36 29 35	#241D23

#4E5E55 #47534C #404844 #393D3C #323233 #2B272B #241D23

#4E5E55 - #241D23

HSV Blend

#4E5E55 - #241D23 | 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 #4E5E55 as 0% and #241D23 as 100%.

0.0%	0.0% #4E5E55	RGB 78 94 85	#4E5E55
16.7%	16.7% #455452	RGB 69 84 82	#455452
33.3%	33.3% #3D464A	RGB 61 70 74	#3D464A
50.0%	50.0% #353741	RGB 53 55 65	#353741
66.7%	66.7% #2F2D37	RGB 47 45 55	#2F2D37
83.3%	83.3% #2A242D	RGB 42 36 45	#2A242D
100.0%	100.0% #241D23	RGB 36 29 35	#241D23

#4E5E55 #455452 #3D464A #353741 #2F2D37 #2A242D #241D23

#4E5E55 - #353741 - #241D23

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5E55 0%, #353741 50%, #241D23 100%);
    background: -webkit-linear-gradient(top, #4E5E55 0%, #353741 50%, #241D23 100%);
    background: linear-gradient(to bottom, #4E5E55 0%, #353741 50%, #241D23 100%);
}
</style>