#918C8D - #5E3549 | 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 #918C8D to #5E3549

#918C8D #5E3549

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

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

0.0%	0.0% #918C8D	RGB 145 140 141	#918C8D
16.7%	16.7% #887D81	RGB 136 125 129	#887D81
33.3%	33.3% #806F76	RGB 128 111 118	#806F76
50.0%	50.0% #77606B	RGB 119 96 107	#77606B
66.7%	66.7% #6F525F	RGB 111 82 95	#6F525F
83.3%	83.3% #664354	RGB 102 67 84	#664354
100.0%	100.0% #5E3549	RGB 94 53 73	#5E3549

#918C8D #887D81 #806F76 #77606B #6F525F #664354 #5E3549

#918C8D - #5E3549

HSV Blend

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

0.0%	0.0% #918C8D	RGB 145 140 141	#918C8D
16.7%	16.7% #887A7E	RGB 136 122 126	#887A7E
33.3%	33.3% #806A70	RGB 128 106 112	#806A70
50.0%	50.0% #775B65	RGB 119 91 101	#775B65
66.7%	66.7% #6F4D5A	RGB 111 77 90	#6F4D5A
83.3%	83.3% #664051	RGB 102 64 81	#664051
100.0%	100.0% #5E3549	RGB 94 53 73	#5E3549

#918C8D #887A7E #806A70 #775B65 #6F4D5A #664051 #5E3549

#918C8D - #775B65 - #5E3549

CSS codes

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

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