#5E3E4B - #320A18 | 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 #320A18

#5E3E4B #320A18

Calculate the color between two colors, #5E3E4B and #320A18. 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 - #320A18 | 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 #320A18 as 100%.

0.0%	0.0% #5E3E4B	RGB 94 62 75	#5E3E4B
16.7%	16.7% #563542	RGB 86 53 66	#563542
33.3%	33.3% #4F2C3A	RGB 79 44 58	#4F2C3A
50.0%	50.0% #482431	RGB 72 36 49	#482431
66.7%	66.7% #401B29	RGB 64 27 41	#401B29
83.3%	83.3% #391220	RGB 57 18 32	#391220
100.0%	100.0% #320A18	RGB 50 10 24	#320A18

#5E3E4B #563542 #4F2C3A #482431 #401B29 #391220 #320A18

#5E3E4B - #320A18

HSV Blend

#5E3E4B - #320A18 | 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 #320A18 as 100%.

0.0%	0.0% #5E3E4B	RGB 94 62 75	#5E3E4B
16.7%	16.7% #563240	RGB 86 50 64	#563240
33.3%	33.3% #4F2837	RGB 79 40 55	#4F2837
50.0%	50.0% #481E2E	RGB 72 30 46	#481E2E
66.7%	66.7% #401626	RGB 64 22 38	#401626
83.3%	83.3% #390F1E	RGB 57 15 30	#390F1E
100.0%	100.0% #320A18	RGB 50 10 24	#320A18

#5E3E4B #563240 #4F2837 #481E2E #401626 #390F1E #320A18

#5E3E4B - #481E2E - #320A18

CSS codes

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

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