#5B5B5E - #241848 | 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 #5B5B5E to #241848

#5B5B5E #241848

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

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

0.0%	0.0% #5B5B5E	RGB 91 91 94	#5B5B5E
16.7%	16.7% #514F5A	RGB 81 79 90	#514F5A
33.3%	33.3% #484456	RGB 72 68 86	#484456
50.0%	50.0% #3F3953	RGB 63 57 83	#3F3953
66.7%	66.7% #362E4F	RGB 54 46 79	#362E4F
83.3%	83.3% #2D234B	RGB 45 35 75	#2D234B
100.0%	100.0% #241848	RGB 36 24 72	#241848

#5B5B5E #514F5A #484456 #3F3953 #362E4F #2D234B #241848

#5B5B5E - #241848

HSV Blend

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

0.0%	0.0% #5B5B5E	RGB 91 91 94	#5B5B5E
16.7%	16.7% #4E4D5A	RGB 78 77 90	#4E4D5A
33.3%	33.3% #434156	RGB 67 65 86	#434156
50.0%	50.0% #393653	RGB 57 54 83	#393653
66.7%	66.7% #312B4F	RGB 49 43 79	#312B4F
83.3%	83.3% #2A214B	RGB 42 33 75	#2A214B
100.0%	100.0% #241848	RGB 36 24 72	#241848

#5B5B5E #4E4D5A #434156 #393653 #312B4F #2A214B #241848

#5B5B5E - #393653 - #241848

CSS codes

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

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