#5E5A60 - #241E1C | 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 #5E5A60 to #241E1C

#5E5A60 #241E1C

Calculate the color between two colors, #5E5A60 and #241E1C. 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)

#5E5A60 - #241E1C | 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 #5E5A60 as 0% and #241E1C as 100%.

0.0%	0.0% #5E5A60	RGB 94 90 96	#5E5A60
16.7%	16.7% #545054	RGB 84 80 84	#545054
33.3%	33.3% #4A4649	RGB 74 70 73	#4A4649
50.0%	50.0% #413C3E	RGB 65 60 62	#413C3E
66.7%	66.7% #373232	RGB 55 50 50	#373232
83.3%	83.3% #2D2827	RGB 45 40 39	#2D2827
100.0%	100.0% #241E1C	RGB 36 30 28	#241E1C

#5E5A60 #545054 #4A4649 #413C3E #373232 #2D2827 #241E1C

#5E5A60 - #241E1C

HSV Blend

#5E5A60 - #241E1C | 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 #5E5A60 as 0% and #241E1C as 100%.

0.0%	0.0% #5E5A60	RGB 94 90 96	#5E5A60
16.7%	16.7% #554E56	RGB 85 78 86	#554E56
33.3%	33.3% #4C434A	RGB 76 67 74	#4C434A
50.0%	50.0% #42383D	RGB 66 56 61	#42383D
66.7%	66.7% #382E31	RGB 56 46 49	#382E31
83.3%	83.3% #2E2525	RGB 46 37 37	#2E2525
100.0%	100.0% #241E1C	RGB 36 30 28	#241E1C

#5E5A60 #554E56 #4C434A #42383D #382E31 #2E2525 #241E1C

#5E5A60 - #42383D - #241E1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5A60 0%, #42383D 50%, #241E1C 100%);
    background: -webkit-linear-gradient(top, #5E5A60 0%, #42383D 50%, #241E1C 100%);
    background: linear-gradient(to bottom, #5E5A60 0%, #42383D 50%, #241E1C 100%);
}
</style>