#5E5C5D - #14152A | 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 #5E5C5D to #14152A

#5E5C5D #14152A

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

#5E5C5D - #14152A | 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 #5E5C5D as 0% and #14152A as 100%.

0.0%	0.0% #5E5C5D	RGB 94 92 93	#5E5C5D
16.7%	16.7% #515054	RGB 81 80 84	#515054
33.3%	33.3% #45444C	RGB 69 68 76	#45444C
50.0%	50.0% #393843	RGB 57 56 67	#393843
66.7%	66.7% #2C2C3B	RGB 44 44 59	#2C2C3B
83.3%	83.3% #202032	RGB 32 32 50	#202032
100.0%	100.0% #14152A	RGB 20 21 42	#14152A

#5E5C5D #515054 #45444C #393843 #2C2C3B #202032 #14152A

#5E5C5D - #14152A

HSV Blend

#5E5C5D - #14152A | 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 #5E5C5D as 0% and #14152A as 100%.

0.0%	0.0% #5E5C5D	RGB 94 92 93	#5E5C5D
16.7%	16.7% #554C53	RGB 85 76 83	#554C53
33.3%	33.3% #4C3E4C	RGB 76 62 76	#4C3E4C
50.0%	50.0% #3E3144	RGB 62 49 68	#3E3144
66.7%	66.7% #30263B	RGB 48 38 59	#30263B
83.3%	83.3% #211C32	RGB 33 28 50	#211C32
100.0%	100.0% #14152A	RGB 20 21 42	#14152A

#5E5C5D #554C53 #4C3E4C #3E3144 #30263B #211C32 #14152A

#5E5C5D - #3E3144 - #14152A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C5D 0%, #3E3144 50%, #14152A 100%);
    background: -webkit-linear-gradient(top, #5E5C5D 0%, #3E3144 50%, #14152A 100%);
    background: linear-gradient(to bottom, #5E5C5D 0%, #3E3144 50%, #14152A 100%);
}
</style>