#545A71 - #AC9C92 | 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 #545A71 to #AC9C92

#545A71 #AC9C92

Calculate the color between two colors, #545A71 and #AC9C92. 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)

#545A71 - #AC9C92 | 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 #545A71 as 0% and #AC9C92 as 100%.

0.0%	0.0% #545A71	RGB 84 90 113	#545A71
16.7%	16.7% #626576	RGB 98 101 118	#626576
33.3%	33.3% #71707C	RGB 113 112 124	#71707C
50.0%	50.0% #807B81	RGB 128 123 129	#807B81
66.7%	66.7% #8E8687	RGB 142 134 135	#8E8687
83.3%	83.3% #9D918C	RGB 157 145 140	#9D918C
100.0%	100.0% #AC9C92	RGB 172 156 146	#AC9C92

#545A71 #626576 #71707C #807B81 #8E8687 #9D918C #AC9C92

#545A71 - #AC9C92

HSV Blend

#545A71 - #AC9C92 | 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 #545A71 as 0% and #AC9C92 as 100%.

0.0%	0.0% #545A71	RGB 84 90 113	#545A71
16.7%	16.7% #645D7A	RGB 100 93 122	#645D7A
33.3%	33.3% #7A6784	RGB 122 103 132	#7A6784
50.0%	50.0% #8E718B	RGB 142 113 139	#8E718B
66.7%	66.7% #987B89	RGB 152 123 137	#987B89
83.3%	83.3% #A28688	RGB 162 134 136	#A28688
100.0%	100.0% #AC9C92	RGB 172 156 146	#AC9C92

#545A71 #645D7A #7A6784 #8E718B #987B89 #A28688 #AC9C92

#545A71 - #8E718B - #AC9C92

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #545A71 0%, #8E718B 50%, #AC9C92 100%);
    background: -webkit-linear-gradient(top, #545A71 0%, #8E718B 50%, #AC9C92 100%);
    background: linear-gradient(to bottom, #545A71 0%, #8E718B 50%, #AC9C92 100%);
}
</style>