#5E5159 - #441716 | 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 #5E5159 to #441716

#5E5159 #441716

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

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

0.0%	0.0% #5E5159	RGB 94 81 89	#5E5159
16.7%	16.7% #59474D	RGB 89 71 77	#59474D
33.3%	33.3% #553D42	RGB 85 61 66	#553D42
50.0%	50.0% #513437	RGB 81 52 55	#513437
66.7%	66.7% #4C2A2C	RGB 76 42 44	#4C2A2C
83.3%	83.3% #482021	RGB 72 32 33	#482021
100.0%	100.0% #441716	RGB 68 23 22	#441716

#5E5159 #59474D #553D42 #513437 #4C2A2C #482021 #441716

#5E5159 - #441716

HSV Blend

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

0.0%	0.0% #5E5159	RGB 94 81 89	#5E5159
16.7%	16.7% #59454F	RGB 89 69 79	#59454F
33.3%	33.3% #553A45	RGB 85 58 69	#553A45
50.0%	50.0% #513039	RGB 81 48 57	#513039
66.7%	66.7% #4C262D	RGB 76 38 45	#4C262D
83.3%	83.3% #481D21	RGB 72 29 33	#481D21
100.0%	100.0% #441716	RGB 68 23 22	#441716

#5E5159 #59454F #553A45 #513039 #4C262D #481D21 #441716

#5E5159 - #513039 - #441716

CSS codes

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

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