#47476D - #948891 | 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 #47476D to #948891

#47476D #948891

Calculate the color between two colors, #47476D and #948891. 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)

#47476D - #948891 | 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 #47476D as 0% and #948891 as 100%.

0.0%	0.0% #47476D	RGB 71 71 109	#47476D
16.7%	16.7% #535173	RGB 83 81 115	#535173
33.3%	33.3% #605C79	RGB 96 92 121	#605C79
50.0%	50.0% #6D677F	RGB 109 103 127	#6D677F
66.7%	66.7% #7A7285	RGB 122 114 133	#7A7285
83.3%	83.3% #877D8B	RGB 135 125 139	#877D8B
100.0%	100.0% #948891	RGB 148 136 145	#948891

#47476D #535173 #605C79 #6D677F #7A7285 #877D8B #948891

#47476D - #948891

HSV Blend

#47476D - #948891 | 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 #47476D as 0% and #948891 as 100%.

0.0%	0.0% #47476D	RGB 71 71 109	#47476D
16.7%	16.7% #575073	RGB 87 80 115	#575073
33.3%	33.3% #675A7A	RGB 103 90 122	#675A7A
50.0%	50.0% #766480	RGB 118 100 128	#766480
66.7%	66.7% #837087	RGB 131 112 135	#837087
83.3%	83.3% #8D7B8C	RGB 141 123 140	#8D7B8C
100.0%	100.0% #948891	RGB 148 136 145	#948891

#47476D #575073 #675A7A #766480 #837087 #8D7B8C #948891

#47476D - #766480 - #948891

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #47476D 0%, #766480 50%, #948891 100%);
    background: -webkit-linear-gradient(top, #47476D 0%, #766480 50%, #948891 100%);
    background: linear-gradient(to bottom, #47476D 0%, #766480 50%, #948891 100%);
}
</style>