#5E3E4B - #490524 | 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 #5E3E4B to #490524

#5E3E4B #490524

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

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

0.0%	0.0% #5E3E4B	RGB 94 62 75	#5E3E4B
16.7%	16.7% #5A3444	RGB 90 52 68	#5A3444
33.3%	33.3% #572B3E	RGB 87 43 62	#572B3E
50.0%	50.0% #532137	RGB 83 33 55	#532137
66.7%	66.7% #501831	RGB 80 24 49	#501831
83.3%	83.3% #4C0E2A	RGB 76 14 42	#4C0E2A
100.0%	100.0% #490524	RGB 73 5 36	#490524

#5E3E4B #5A3444 #572B3E #532137 #501831 #4C0E2A #490524

#5E3E4B - #490524

HSV Blend

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

0.0%	0.0% #5E3E4B	RGB 94 62 75	#5E3E4B
16.7%	16.7% #5A3243	RGB 90 50 67	#5A3243
33.3%	33.3% #57283C	RGB 87 40 60	#57283C
50.0%	50.0% #531E35	RGB 83 30 53	#531E35
66.7%	66.7% #50152F	RGB 80 21 47	#50152F
83.3%	83.3% #4C0C29	RGB 76 12 41	#4C0C29
100.0%	100.0% #490524	RGB 73 5 36	#490524

#5E3E4B #5A3243 #57283C #531E35 #50152F #4C0C29 #490524

#5E3E4B - #531E35 - #490524

CSS codes

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

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