#918991 - #5E3268 | 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 #918991 to #5E3268

#918991 #5E3268

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

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

0.0%	0.0% #918991	RGB 145 137 145	#918991
16.7%	16.7% #887A8A	RGB 136 122 138	#887A8A
33.3%	33.3% #806C83	RGB 128 108 131	#806C83
50.0%	50.0% #775D7C	RGB 119 93 124	#775D7C
66.7%	66.7% #6F4F75	RGB 111 79 117	#6F4F75
83.3%	83.3% #66406E	RGB 102 64 110	#66406E
100.0%	100.0% #5E3268	RGB 94 50 104	#5E3268

#918991 #887A8A #806C83 #775D7C #6F4F75 #66406E #5E3268

#918991 - #5E3268

HSV Blend

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

0.0%	0.0% #918991	RGB 145 137 145	#918991
16.7%	16.7% #89778A	RGB 137 119 138	#89778A
33.3%	33.3% #816783	RGB 129 103 131	#816783
50.0%	50.0% #79587C	RGB 121 88 124	#79587C
66.7%	66.7% #704A75	RGB 112 74 117	#704A75
83.3%	83.3% #673D6E	RGB 103 61 110	#673D6E
100.0%	100.0% #5E3268	RGB 94 50 104	#5E3268

#918991 #89778A #816783 #79587C #704A75 #673D6E #5E3268

#918991 - #79587C - #5E3268

CSS codes

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

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