#5E4763 - #1D161C | 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 #5E4763 to #1D161C

#5E4763 #1D161C

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

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

0.0%	0.0% #5E4763	RGB 94 71 99	#5E4763
16.7%	16.7% #533E57	RGB 83 62 87	#533E57
33.3%	33.3% #48364B	RGB 72 54 75	#48364B
50.0%	50.0% #3D2E3F	RGB 61 46 63	#3D2E3F
66.7%	66.7% #322633	RGB 50 38 51	#322633
83.3%	83.3% #271E27	RGB 39 30 39	#271E27
100.0%	100.0% #1D161C	RGB 29 22 28	#1D161C

#5E4763 #533E57 #48364B #3D2E3F #322633 #271E27 #1D161C

#5E4763 - #1D161C

HSV Blend

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

0.0%	0.0% #5E4763	RGB 94 71 99	#5E4763
16.7%	16.7% #543F57	RGB 84 63 87	#543F57
33.3%	33.3% #4A374B	RGB 74 55 75	#4A374B
50.0%	50.0% #3F2F40	RGB 63 47 64	#3F2F40
66.7%	66.7% #342633	RGB 52 38 51	#342633
83.3%	83.3% #281E27	RGB 40 30 39	#281E27
100.0%	100.0% #1D161C	RGB 29 22 28	#1D161C

#5E4763 #543F57 #4A374B #3F2F40 #342633 #281E27 #1D161C

#5E4763 - #3F2F40 - #1D161C

CSS codes

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

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