#5C5B5E - #2D0F54 | 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 #5C5B5E to #2D0F54

#5C5B5E #2D0F54

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

#5C5B5E - #2D0F54 | 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 #5C5B5E as 0% and #2D0F54 as 100%.

0.0%	0.0% #5C5B5E	RGB 92 91 94	#5C5B5E
16.7%	16.7% #544E5C	RGB 84 78 92	#544E5C
33.3%	33.3% #4C415A	RGB 76 65 90	#4C415A
50.0%	50.0% #443559	RGB 68 53 89	#443559
66.7%	66.7% #3C2857	RGB 60 40 87	#3C2857
83.3%	83.3% #341B55	RGB 52 27 85	#341B55
100.0%	100.0% #2D0F54	RGB 45 15 84	#2D0F54

#5C5B5E #544E5C #4C415A #443559 #3C2857 #341B55 #2D0F54

#5C5B5E - #2D0F54

HSV Blend

#5C5B5E - #2D0F54 | 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 #5C5B5E as 0% and #2D0F54 as 100%.

0.0%	0.0% #5C5B5E	RGB 92 91 94	#5C5B5E
16.7%	16.7% #524D5C	RGB 82 77 92	#524D5C
33.3%	33.3% #493F5A	RGB 73 63 90	#493F5A
50.0%	50.0% #413359	RGB 65 51 89	#413359
66.7%	66.7% #3A2657	RGB 58 38 87	#3A2657
83.3%	83.3% #331A55	RGB 51 26 85	#331A55
100.0%	100.0% #2D0F54	RGB 45 15 84	#2D0F54

#5C5B5E #524D5C #493F5A #413359 #3A2657 #331A55 #2D0F54

#5C5B5E - #413359 - #2D0F54

CSS codes

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

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