#484F3C - #8D7E99 | 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 #484F3C to #8D7E99

#484F3C #8D7E99

Calculate the color between two colors, #484F3C and #8D7E99. 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)

#484F3C - #8D7E99 | 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 #484F3C as 0% and #8D7E99 as 100%.

0.0%	0.0% #484F3C	RGB 72 79 60	#484F3C
16.7%	16.7% #53564B	RGB 83 86 75	#53564B
33.3%	33.3% #5F5E5B	RGB 95 94 91	#5F5E5B
50.0%	50.0% #6A666A	RGB 106 102 106	#6A666A
66.7%	66.7% #766E7A	RGB 118 110 122	#766E7A
83.3%	83.3% #817689	RGB 129 118 137	#817689
100.0%	100.0% #8D7E99	RGB 141 126 153	#8D7E99

#484F3C #53564B #5F5E5B #6A666A #766E7A #817689 #8D7E99

#484F3C - #8D7E99

HSV Blend

#484F3C - #8D7E99 | 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 #484F3C as 0% and #8D7E99 as 100%.

0.0%	0.0% #484F3C	RGB 72 79 60	#484F3C
16.7%	16.7% #5B5946	RGB 91 89 70	#5B5946
33.3%	33.3% #675A50	RGB 103 90 80	#675A50
50.0%	50.0% #745B5C	RGB 116 91 92	#745B5C
66.7%	66.7% #806673	RGB 128 102 115	#806673
83.3%	83.3% #8C728C	RGB 140 114 140	#8C728C
100.0%	100.0% #8D7E99	RGB 141 126 153	#8D7E99

#484F3C #5B5946 #675A50 #745B5C #806673 #8C728C #8D7E99

#484F3C - #745B5C - #8D7E99

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #484F3C 0%, #745B5C 50%, #8D7E99 100%);
    background: -webkit-linear-gradient(top, #484F3C 0%, #745B5C 50%, #8D7E99 100%);
    background: linear-gradient(to bottom, #484F3C 0%, #745B5C 50%, #8D7E99 100%);
}
</style>