#918C90 - #5E355C | 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 #918C90 to #5E355C

#918C90 #5E355C

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

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

0.0%	0.0% #918C90	RGB 145 140 144	#918C90
16.7%	16.7% #887D87	RGB 136 125 135	#887D87
33.3%	33.3% #806F7E	RGB 128 111 126	#806F7E
50.0%	50.0% #776076	RGB 119 96 118	#776076
66.7%	66.7% #6F526D	RGB 111 82 109	#6F526D
83.3%	83.3% #664364	RGB 102 67 100	#664364
100.0%	100.0% #5E355C	RGB 94 53 92	#5E355C

#918C90 #887D87 #806F7E #776076 #6F526D #664364 #5E355C

#918C90 - #5E355C

HSV Blend

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

0.0%	0.0% #918C90	RGB 145 140 144	#918C90
16.7%	16.7% #887A86	RGB 136 122 134	#887A86
33.3%	33.3% #806A7C	RGB 128 106 124	#806A7C
50.0%	50.0% #775B74	RGB 119 91 116	#775B74
66.7%	66.7% #6F4D6B	RGB 111 77 107	#6F4D6B
83.3%	83.3% #664063	RGB 102 64 99	#664063
100.0%	100.0% #5E355C	RGB 94 53 92	#5E355C

#918C90 #887A86 #806A7C #775B74 #6F4D6B #664063 #5E355C

#918C90 - #775B74 - #5E355C

CSS codes

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

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