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

#93828E #5E2D4F

Calculate the color between two colors, #93828E and #5E2D4F. 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 - #5E2D4F | 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 #5E2D4F 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% #816579	RGB 129 101 121	#816579
50.0%	50.0% #78576E	RGB 120 87 110	#78576E
66.7%	66.7% #6F4964	RGB 111 73 100	#6F4964
83.3%	83.3% #663B59	RGB 102 59 89	#663B59
100.0%	100.0% #5E2D4F	RGB 94 45 79	#5E2D4F

#93828E #8A7383 #816579 #78576E #6F4964 #663B59 #5E2D4F

#93828E - #5E2D4F

HSV Blend

#93828E - #5E2D4F | 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 #5E2D4F 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% #663858	RGB 102 56 88	#663858
100.0%	100.0% #5E2D4F	RGB 94 45 79	#5E2D4F

#93828E #8A7082 #816077 #78526C #6F4462 #663858 #5E2D4F

#93828E - #78526C - #5E2D4F

CSS codes

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

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