#4C5E7B - #A9A3A0 | 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 #4C5E7B to #A9A3A0

#4C5E7B #A9A3A0

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

#4C5E7B - #A9A3A0 | 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 #4C5E7B as 0% and #A9A3A0 as 100%.

0.0%	0.0% #4C5E7B	RGB 76 94 123	#4C5E7B
16.7%	16.7% #5B6981	RGB 91 105 129	#5B6981
33.3%	33.3% #6B7587	RGB 107 117 135	#6B7587
50.0%	50.0% #7A808D	RGB 122 128 141	#7A808D
66.7%	66.7% #8A8C93	RGB 138 140 147	#8A8C93
83.3%	83.3% #999799	RGB 153 151 153	#999799
100.0%	100.0% #A9A3A0	RGB 169 163 160	#A9A3A0

#4C5E7B #5B6981 #6B7587 #7A808D #8A8C93 #999799 #A9A3A0

#4C5E7B - #A9A3A0

HSV Blend

#4C5E7B - #A9A3A0 | 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 #4C5E7B as 0% and #A9A3A0 as 100%.

0.0%	0.0% #4C5D7B	RGB 76 93 123	#4C5D7B
16.7%	16.7% #5A5782	RGB 90 87 130	#5A5782
33.3%	33.3% #78648A	RGB 120 100 138	#78648A
50.0%	50.0% #917292	RGB 145 114 146	#917292
66.7%	66.7% #99808E	RGB 153 128 142	#99808E
83.3%	83.3% #A18F91	RGB 161 143 145	#A18F91
100.0%	100.0% #A9A3A0	RGB 169 163 160	#A9A3A0

#4C5D7B #5A5782 #78648A #917292 #99808E #A18F91 #A9A3A0

#4C5E7B - #917292 - #A9A3A0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5D7B 0%, #917292 50%, #A9A3A0 100%);
    background: -webkit-linear-gradient(top, #4C5D7B 0%, #917292 50%, #A9A3A0 100%);
    background: linear-gradient(to bottom, #4C5D7B 0%, #917292 50%, #A9A3A0 100%);
}
</style>