#5E4A58 - #141120 | 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 #5E4A58 to #141120

#5E4A58 #141120

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

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

0.0%	0.0% #5E4A58	RGB 94 74 88	#5E4A58
16.7%	16.7% #51404E	RGB 81 64 78	#51404E
33.3%	33.3% #453745	RGB 69 55 69	#453745
50.0%	50.0% #392D3C	RGB 57 45 60	#392D3C
66.7%	66.7% #2C2432	RGB 44 36 50	#2C2432
83.3%	83.3% #201A29	RGB 32 26 41	#201A29
100.0%	100.0% #141120	RGB 20 17 32	#141120

#5E4A58 #51404E #453745 #392D3C #2C2432 #201A29 #141120

#5E4A58 - #141120

HSV Blend

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

0.0%	0.0% #5E4A58	RGB 94 74 88	#5E4A58
16.7%	16.7% #533E51	RGB 83 62 81	#533E51
33.3%	33.3% #473349	RGB 71 51 73	#473349
50.0%	50.0% #39293F	RGB 57 41 63	#39293F
66.7%	66.7% #2B2034	RGB 43 32 52	#2B2034
83.3%	83.3% #1F182A	RGB 31 24 42	#1F182A
100.0%	100.0% #141120	RGB 20 17 32	#141120

#5E4A58 #533E51 #473349 #39293F #2B2034 #1F182A #141120

#5E4A58 - #39293F - #141120

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A58 0%, #39293F 50%, #141120 100%);
    background: -webkit-linear-gradient(top, #5E4A58 0%, #39293F 50%, #141120 100%);
    background: linear-gradient(to bottom, #5E4A58 0%, #39293F 50%, #141120 100%);
}
</style>