#93828E - #5E2D4E | 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 #93828E to #5E2D4E

#93828E #5E2D4E

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

#93828E - #5E2D4E | 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 #93828E as 0% and #5E2D4E as 100%.

0.0%	0.0% #93828E	RGB 147 130 142	#93828E
16.7%	16.7% #8A7383	RGB 138 115 131	#8A7383
33.3%	33.3% #816578	RGB 129 101 120	#816578
50.0%	50.0% #78576E	RGB 120 87 110	#78576E
66.7%	66.7% #6F4963	RGB 111 73 99	#6F4963
83.3%	83.3% #663B58	RGB 102 59 88	#663B58
100.0%	100.0% #5E2D4E	RGB 94 45 78	#5E2D4E

#93828E #8A7383 #816578 #78576E #6F4963 #663B58 #5E2D4E

#93828E - #5E2D4E

HSV Blend

#93828E - #5E2D4E | 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 #93828E as 0% and #5E2D4E as 100%.

0.0%	0.0% #93828E	RGB 147 130 142	#93828E
16.7%	16.7% #8A7082	RGB 138 112 130	#8A7082
33.3%	33.3% #816077	RGB 129 96 119	#816077
50.0%	50.0% #78526C	RGB 120 82 108	#78526C
66.7%	66.7% #6F4462	RGB 111 68 98	#6F4462
83.3%	83.3% #663857	RGB 102 56 87	#663857
100.0%	100.0% #5E2D4E	RGB 94 45 78	#5E2D4E

#93828E #8A7082 #816077 #78526C #6F4462 #663857 #5E2D4E

#93828E - #78526C - #5E2D4E

CSS codes

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

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