#918C8F - #5E3550 | 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 #918C8F to #5E3550

#918C8F #5E3550

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

#918C8F - #5E3550 | 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 #918C8F as 0% and #5E3550 as 100%.

0.0%	0.0% #918C8F	RGB 145 140 143	#918C8F
16.7%	16.7% #887D84	RGB 136 125 132	#887D84
33.3%	33.3% #806F7A	RGB 128 111 122	#806F7A
50.0%	50.0% #77606F	RGB 119 96 111	#77606F
66.7%	66.7% #6F5265	RGB 111 82 101	#6F5265
83.3%	83.3% #66435A	RGB 102 67 90	#66435A
100.0%	100.0% #5E3550	RGB 94 53 80	#5E3550

#918C8F #887D84 #806F7A #77606F #6F5265 #66435A #5E3550

#918C8F - #5E3550

HSV Blend

#918C8F - #5E3550 | 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 #918C8F as 0% and #5E3550 as 100%.

0.0%	0.0% #918C8F	RGB 145 140 143	#918C8F
16.7%	16.7% #887A83	RGB 136 122 131	#887A83
33.3%	33.3% #806A77	RGB 128 106 119	#806A77
50.0%	50.0% #775B6D	RGB 119 91 109	#775B6D
66.7%	66.7% #6F4D62	RGB 111 77 98	#6F4D62
83.3%	83.3% #664059	RGB 102 64 89	#664059
100.0%	100.0% #5E3550	RGB 94 53 80	#5E3550

#918C8F #887A83 #806A77 #775B6D #6F4D62 #664059 #5E3550

#918C8F - #775B6D - #5E3550

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #918C8F 0%, #775B6D 50%, #5E3550 100%);
    background: -webkit-linear-gradient(top, #918C8F 0%, #775B6D 50%, #5E3550 100%);
    background: linear-gradient(to bottom, #918C8F 0%, #775B6D 50%, #5E3550 100%);
}
</style>