#5E5258 - #421916 | 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 #5E5258 to #421916

#5E5258 #421916

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

#5E5258 - #421916 | 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 #5E5258 as 0% and #421916 as 100%.

0.0%	0.0% #5E5258	RGB 94 82 88	#5E5258
16.7%	16.7% #59484D	RGB 89 72 77	#59484D
33.3%	33.3% #543F42	RGB 84 63 66	#543F42
50.0%	50.0% #503537	RGB 80 53 55	#503537
66.7%	66.7% #4B2C2C	RGB 75 44 44	#4B2C2C
83.3%	83.3% #462221	RGB 70 34 33	#462221
100.0%	100.0% #421916	RGB 66 25 22	#421916

#5E5258 #59484D #543F42 #503537 #4B2C2C #462221 #421916

#5E5258 - #421916

HSV Blend

#5E5258 - #421916 | 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 #5E5258 as 0% and #421916 as 100%.

0.0%	0.0% #5E5258	RGB 94 82 88	#5E5258
16.7%	16.7% #59454D	RGB 89 69 77	#59454D
33.3%	33.3% #543A42	RGB 84 58 66	#543A42
50.0%	50.0% #503037	RGB 80 48 55	#503037
66.7%	66.7% #4B262B	RGB 75 38 43	#4B262B
83.3%	83.3% #461D1E	RGB 70 29 30	#461D1E
100.0%	100.0% #421916	RGB 66 25 22	#421916

#5E5258 #59454D #543A42 #503037 #4B262B #461D1E #421916

#5E5258 - #503037 - #421916

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5258 0%, #503037 50%, #421916 100%);
    background: -webkit-linear-gradient(top, #5E5258 0%, #503037 50%, #421916 100%);
    background: linear-gradient(to bottom, #5E5258 0%, #503037 50%, #421916 100%);
}
</style>