#5E4553 - #401213 | 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 #5E4553 to #401213

#5E4553 #401213

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

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

0.0%	0.0% #5E4553	RGB 94 69 83	#5E4553
16.7%	16.7% #593C48	RGB 89 60 72	#593C48
33.3%	33.3% #54343D	RGB 84 52 61	#54343D
50.0%	50.0% #4F2B33	RGB 79 43 51	#4F2B33
66.7%	66.7% #4A2328	RGB 74 35 40	#4A2328
83.3%	83.3% #451A1D	RGB 69 26 29	#451A1D
100.0%	100.0% #401213	RGB 64 18 19	#401213

#5E4553 #593C48 #54343D #4F2B33 #4A2328 #451A1D #401213

#5E4553 - #401213

HSV Blend

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

0.0%	0.0% #5E4552	RGB 94 69 82	#5E4552
16.7%	16.7% #593A48	RGB 89 58 72	#593A48
33.3%	33.3% #54303E	RGB 84 48 62	#54303E
50.0%	50.0% #4F2833	RGB 79 40 51	#4F2833
66.7%	66.7% #4A1F28	RGB 74 31 40	#4A1F28
83.3%	83.3% #45181D	RGB 69 24 29	#45181D
100.0%	100.0% #401213	RGB 64 18 19	#401213

#5E4552 #593A48 #54303E #4F2833 #4A1F28 #45181D #401213

#5E4553 - #4F2833 - #401213

CSS codes

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

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