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

#5E4763 #1A141C

Calculate the color between two colors, #5E4763 and #1A141C. 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 - #1A141C | 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 #1A141C as 100%.

0.0%	0.0% #5E4763	RGB 94 71 99	#5E4763
16.7%	16.7% #523E57	RGB 82 62 87	#523E57
33.3%	33.3% #47364B	RGB 71 54 75	#47364B
50.0%	50.0% #3C2D3F	RGB 60 45 63	#3C2D3F
66.7%	66.7% #302533	RGB 48 37 51	#302533
83.3%	83.3% #251C27	RGB 37 28 39	#251C27
100.0%	100.0% #1A141C	RGB 26 20 28	#1A141C

#5E4763 #523E57 #47364B #3C2D3F #302533 #251C27 #1A141C

#5E4763 - #1A141C

HSV Blend

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

0.0%	0.0% #5E4763	RGB 94 71 99	#5E4763
16.7%	16.7% #523E57	RGB 82 62 87	#523E57
33.3%	33.3% #47354B	RGB 71 53 75	#47354B
50.0%	50.0% #3B2D3F	RGB 59 45 63	#3B2D3F
66.7%	66.7% #302433	RGB 48 36 51	#302433
83.3%	83.3% #251C27	RGB 37 28 39	#251C27
100.0%	100.0% #1A141C	RGB 26 20 28	#1A141C

#5E4763 #523E57 #47354B #3B2D3F #302433 #251C27 #1A141C

#5E4763 - #3B2D3F - #1A141C

CSS codes

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

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