#5E384B - #320E14 | 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 #5E384B to #320E14

#5E384B #320E14

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

#5E384B - #320E14 | 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 #5E384B as 0% and #320E14 as 100%.

0.0%	0.0% #5E384B	RGB 94 56 75	#5E384B
16.7%	16.7% #563141	RGB 86 49 65	#563141
33.3%	33.3% #4F2A38	RGB 79 42 56	#4F2A38
50.0%	50.0% #48232F	RGB 72 35 47	#48232F
66.7%	66.7% #401C26	RGB 64 28 38	#401C26
83.3%	83.3% #39151D	RGB 57 21 29	#39151D
100.0%	100.0% #320E14	RGB 50 14 20	#320E14

#5E384B #563141 #4F2A38 #48232F #401C26 #39151D #320E14

#5E384B - #320E14

HSV Blend

#5E384B - #320E14 | 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 #5E384B as 0% and #320E14 as 100%.

0.0%	0.0% #5E384A	RGB 94 56 74	#5E384A
16.7%	16.7% #562F40	RGB 86 47 64	#562F40
33.3%	33.3% #4F2636	RGB 79 38 54	#4F2636
50.0%	50.0% #481F2D	RGB 72 31 45	#481F2D
66.7%	66.7% #401823	RGB 64 24 35	#401823
83.3%	83.3% #39131B	RGB 57 19 27	#39131B
100.0%	100.0% #320E14	RGB 50 14 20	#320E14

#5E384A #562F40 #4F2636 #481F2D #401823 #39131B #320E14

#5E384B - #481F2D - #320E14

CSS codes

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

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