#5E4D4C - #1D2422 | 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 #5E4D4C to #1D2422

#5E4D4C #1D2422

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

#5E4D4C - #1D2422 | 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 #5E4D4C as 0% and #1D2422 as 100%.

0.0%	0.0% #5E4D4C	RGB 94 77 76	#5E4D4C
16.7%	16.7% #534645	RGB 83 70 69	#534645
33.3%	33.3% #483F3E	RGB 72 63 62	#483F3E
50.0%	50.0% #3D3837	RGB 61 56 55	#3D3837
66.7%	66.7% #323130	RGB 50 49 48	#323130
83.3%	83.3% #272A29	RGB 39 42 41	#272A29
100.0%	100.0% #1D2422	RGB 29 36 34	#1D2422

#5E4D4C #534645 #483F3E #3D3837 #323130 #272A29 #1D2422

#5E4D4C - #1D2422

HSV Blend

#5E4D4C - #1D2422 | 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 #5E4D4C as 0% and #1D2422 as 100%.

0.0%	0.0% #5E4D4C	RGB 94 77 76	#5E4D4C
16.7%	16.7% #544C44	RGB 84 76 68	#544C44
33.3%	33.3% #4A493C	RGB 74 73 60	#4A493C
50.0%	50.0% #3C4134	RGB 60 65 52	#3C4134
66.7%	66.7% #2E372C	RGB 46 55 44	#2E372C
83.3%	83.3% #242D27	RGB 36 45 39	#242D27
100.0%	100.0% #1D2422	RGB 29 36 34	#1D2422

#5E4D4C #544C44 #4A493C #3C4134 #2E372C #242D27 #1D2422

#5E4D4C - #3C4134 - #1D2422

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D4C 0%, #3C4134 50%, #1D2422 100%);
    background: -webkit-linear-gradient(top, #5E4D4C 0%, #3C4134 50%, #1D2422 100%);
    background: linear-gradient(to bottom, #5E4D4C 0%, #3C4134 50%, #1D2422 100%);
}
</style>