#474B5E - #9C8C83 | 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 #474B5E to #9C8C83

#474B5E #9C8C83

Calculate the color between two colors, #474B5E and #9C8C83. 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)

#474B5E - #9C8C83 | 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 #474B5E as 0% and #9C8C83 as 100%.

0.0%	0.0% #474B5E	RGB 71 75 94	#474B5E
16.7%	16.7% #555564	RGB 85 85 100	#555564
33.3%	33.3% #63606A	RGB 99 96 106	#63606A
50.0%	50.0% #716B70	RGB 113 107 112	#716B70
66.7%	66.7% #7F7676	RGB 127 118 118	#7F7676
83.3%	83.3% #8D817C	RGB 141 129 124	#8D817C
100.0%	100.0% #9C8C83	RGB 156 140 131	#9C8C83

#474B5E #555564 #63606A #716B70 #7F7676 #8D817C #9C8C83

#474B5E - #9C8C83

HSV Blend

#474B5E - #9C8C83 | 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 #474B5E as 0% and #9C8C83 as 100%.

0.0%	0.0% #474A5E	RGB 71 74 94	#474A5E
16.7%	16.7% #565068	RGB 86 80 104	#565068
33.3%	33.3% #6A5972	RGB 106 89 114	#6A5972
50.0%	50.0% #7D637A	RGB 125 99 122	#7D637A
66.7%	66.7% #876D7A	RGB 135 109 122	#876D7A
83.3%	83.3% #917879	RGB 145 120 121	#917879
100.0%	100.0% #9C8C83	RGB 156 140 131	#9C8C83

#474A5E #565068 #6A5972 #7D637A #876D7A #917879 #9C8C83

#474B5E - #7D637A - #9C8C83

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #474A5E 0%, #7D637A 50%, #9C8C83 100%);
    background: -webkit-linear-gradient(top, #474A5E 0%, #7D637A 50%, #9C8C83 100%);
    background: linear-gradient(to bottom, #474A5E 0%, #7D637A 50%, #9C8C83 100%);
}
</style>