#5B5B5E - #D67FDF | 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 #5B5B5E to #D67FDF

#5B5B5E #D67FDF

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

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

0.0%	0.0% #5B5B5E	RGB 91 91 94	#5B5B5E
16.7%	16.7% #6F6173	RGB 111 97 115	#6F6173
33.3%	33.3% #846789	RGB 132 103 137	#846789
50.0%	50.0% #986D9E	RGB 152 109 158	#986D9E
66.7%	66.7% #AD73B4	RGB 173 115 180	#AD73B4
83.3%	83.3% #C179C9	RGB 193 121 201	#C179C9
100.0%	100.0% #D67FDF	RGB 214 127 223	#D67FDF

#5B5B5E #6F6173 #846789 #986D9E #AD73B4 #C179C9 #D67FDF

#5B5B5E - #D67FDF

HSV Blend

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

0.0%	0.0% #5B5B5E	RGB 91 91 94	#5B5B5E
16.7%	16.7% #696873	RGB 105 104 115	#696873
33.3%	33.3% #797289	RGB 121 114 137	#797289
50.0%	50.0% #8A799E	RGB 138 121 158	#8A799E
66.7%	66.7% #9E7EB4	RGB 158 126 180	#9E7EB4
83.3%	83.3% #B780C9	RGB 183 128 201	#B780C9
100.0%	100.0% #D67FDF	RGB 214 127 223	#D67FDF

#5B5B5E #696873 #797289 #8A799E #9E7EB4 #B780C9 #D67FDF

#5B5B5E - #8A799E - #D67FDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5B5E 0%, #8A799E 50%, #D67FDF 100%);
    background: -webkit-linear-gradient(top, #5B5B5E 0%, #8A799E 50%, #D67FDF 100%);
    background: linear-gradient(to bottom, #5B5B5E 0%, #8A799E 50%, #D67FDF 100%);
}
</style>