#5E616C - #232528 | 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 #5E616C to #232528

#5E616C #232528

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

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

0.0%	0.0% #5E616C	RGB 94 97 108	#5E616C
16.7%	16.7% #545760	RGB 84 87 96	#545760
33.3%	33.3% #4A4D55	RGB 74 77 85	#4A4D55
50.0%	50.0% #40434A	RGB 64 67 74	#40434A
66.7%	66.7% #36393E	RGB 54 57 62	#36393E
83.3%	83.3% #2C2F33	RGB 44 47 51	#2C2F33
100.0%	100.0% #232528	RGB 35 37 40	#232528

#5E616C #545760 #4A4D55 #40434A #36393E #2C2F33 #232528

#5E616C - #232528

HSV Blend

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

0.0%	0.0% #5E616C	RGB 94 97 108	#5E616C
16.7%	16.7% #545760	RGB 84 87 96	#545760
33.3%	33.3% #4A4D55	RGB 74 77 85	#4A4D55
50.0%	50.0% #40434A	RGB 64 67 74	#40434A
66.7%	66.7% #36393E	RGB 54 57 62	#36393E
83.3%	83.3% #2C2F33	RGB 44 47 51	#2C2F33
100.0%	100.0% #232528	RGB 35 37 40	#232528

#5E616C #545760 #4A4D55 #40434A #36393E #2C2F33 #232528

#5E616C - #40434A - #232528

CSS codes

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

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