#4A3C5D - #8A8281 | 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 #4A3C5D to #8A8281

#4A3C5D #8A8281

Calculate the color between two colors, #4A3C5D and #8A8281. 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)

#4A3C5D - #8A8281 | 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 #4A3C5D as 0% and #8A8281 as 100%.

0.0%	0.0% #4A3C5D	RGB 74 60 93	#4A3C5D
16.7%	16.7% #544763	RGB 84 71 99	#544763
33.3%	33.3% #5F5369	RGB 95 83 105	#5F5369
50.0%	50.0% #6A5F6F	RGB 106 95 111	#6A5F6F
66.7%	66.7% #746A75	RGB 116 106 117	#746A75
83.3%	83.3% #7F767B	RGB 127 118 123	#7F767B
100.0%	100.0% #8A8281	RGB 138 130 129	#8A8281

#4A3C5D #544763 #5F5369 #6A5F6F #746A75 #7F767B #8A8281

#4A3C5D - #8A8281

HSV Blend

#4A3C5D - #8A8281 | 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 #4A3C5D as 0% and #8A8281 as 100%.

0.0%	0.0% #493C5D	RGB 73 60 93	#493C5D
16.7%	16.7% #5B4564	RGB 91 69 100	#5B4564
33.3%	33.3% #6B506C	RGB 107 80 108	#6B506C
50.0%	50.0% #735B6D	RGB 115 91 109	#735B6D
66.7%	66.7% #7B6770	RGB 123 103 112	#7B6770
83.3%	83.3% #827376	RGB 130 115 118	#827376
100.0%	100.0% #8A8281	RGB 138 130 129	#8A8281

#493C5D #5B4564 #6B506C #735B6D #7B6770 #827376 #8A8281

#4A3C5D - #735B6D - #8A8281

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #493C5D 0%, #735B6D 50%, #8A8281 100%);
    background: -webkit-linear-gradient(top, #493C5D 0%, #735B6D 50%, #8A8281 100%);
    background: linear-gradient(to bottom, #493C5D 0%, #735B6D 50%, #8A8281 100%);
}
</style>