#5E5C5D - #400F50 | 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 #400F50

#5E5C5D #400F50

Calculate the color between two colors, #5E5C5D and #400F50. 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 - #400F50 | 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 #400F50 as 100%.

0.0%	0.0% #5E5C5D	RGB 94 92 93	#5E5C5D
16.7%	16.7% #594F5A	RGB 89 79 90	#594F5A
33.3%	33.3% #544258	RGB 84 66 88	#544258
50.0%	50.0% #4F3556	RGB 79 53 86	#4F3556
66.7%	66.7% #4A2854	RGB 74 40 84	#4A2854
83.3%	83.3% #451B52	RGB 69 27 82	#451B52
100.0%	100.0% #400F50	RGB 64 15 80	#400F50

#5E5C5D #594F5A #544258 #4F3556 #4A2854 #451B52 #400F50

#5E5C5D - #400F50

HSV Blend

#5E5C5D - #400F50 | 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 #400F50 as 100%.

0.0%	0.0% #5E5C5D	RGB 94 92 93	#5E5C5D
16.7%	16.7% #5B4D56	RGB 91 77 86	#5B4D56
33.3%	33.3% #593F52	RGB 89 63 82	#593F52
50.0%	50.0% #573252	RGB 87 50 82	#573252
66.7%	66.7% #542654	RGB 84 38 84	#542654
83.3%	83.3% #4B1A52	RGB 75 26 82	#4B1A52
100.0%	100.0% #400F50	RGB 64 15 80	#400F50

#5E5C5D #5B4D56 #593F52 #573252 #542654 #4B1A52 #400F50

#5E5C5D - #573252 - #400F50

CSS codes

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

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