#5E4D5B - #1E221D | 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 #5E4D5B to #1E221D

#5E4D5B #1E221D

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

#5E4D5B - #1E221D | 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 #5E4D5B as 0% and #1E221D as 100%.

0.0%	0.0% #5E4D5B	RGB 94 77 91	#5E4D5B
16.7%	16.7% #534550	RGB 83 69 80	#534550
33.3%	33.3% #483E46	RGB 72 62 70	#483E46
50.0%	50.0% #3E373C	RGB 62 55 60	#3E373C
66.7%	66.7% #333031	RGB 51 48 49	#333031
83.3%	83.3% #282927	RGB 40 41 39	#282927
100.0%	100.0% #1E221D	RGB 30 34 29	#1E221D

#5E4D5B #534550 #483E46 #3E373C #333031 #282927 #1E221D

#5E4D5B - #1E221D

HSV Blend

#5E4D5B - #1E221D | 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 #5E4D5B as 0% and #1E221D as 100%.

0.0%	0.0% #5E4D5B	RGB 94 77 91	#5E4D5B
16.7%	16.7% #54454A	RGB 84 69 74	#54454A
33.3%	33.3% #4A3E3D	RGB 74 62 61	#4A3E3D
50.0%	50.0% #403A35	RGB 64 58 53	#403A35
66.7%	66.7% #36352D	RGB 54 53 45	#36352D
83.3%	83.3% #292C25	RGB 41 44 37	#292C25
100.0%	100.0% #1E221D	RGB 30 34 29	#1E221D

#5E4D5B #54454A #4A3E3D #403A35 #36352D #292C25 #1E221D

#5E4D5B - #403A35 - #1E221D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D5B 0%, #403A35 50%, #1E221D 100%);
    background: -webkit-linear-gradient(top, #5E4D5B 0%, #403A35 50%, #1E221D 100%);
    background: linear-gradient(to bottom, #5E4D5B 0%, #403A35 50%, #1E221D 100%);
}
</style>