#5E6A89 - #ACA0A8 | 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 #5E6A89 to #ACA0A8

#5E6A89 #ACA0A8

Calculate the color between two colors, #5E6A89 and #ACA0A8. 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)

#5E6A89 - #ACA0A8 | 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 #5E6A89 as 0% and #ACA0A8 as 100%.

0.0%	0.0% #5E6A89	RGB 94 106 137	#5E6A89
16.7%	16.7% #6B738E	RGB 107 115 142	#6B738E
33.3%	33.3% #787C93	RGB 120 124 147	#787C93
50.0%	50.0% #858598	RGB 133 133 152	#858598
66.7%	66.7% #928E9D	RGB 146 142 157	#928E9D
83.3%	83.3% #9F97A2	RGB 159 151 162	#9F97A2
100.0%	100.0% #ACA0A8	RGB 172 160 168	#ACA0A8

#5E6A89 #6B738E #787C93 #858598 #928E9D #9F97A2 #ACA0A8

#5E6A89 - #ACA0A8

HSV Blend

#5E6A89 - #ACA0A8 | 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 #5E6A89 as 0% and #ACA0A8 as 100%.

0.0%	0.0% #5E6A89	RGB 94 106 137	#5E6A89
16.7%	16.7% #67688E	RGB 103 104 142	#67688E
33.3%	33.3% #7B7294	RGB 123 114 148	#7B7294
50.0%	50.0% #8C7C9A	RGB 140 124 154	#8C7C9A
66.7%	66.7% #9B88A0	RGB 155 136 160	#9B88A0
83.3%	83.3% #A693A4	RGB 166 147 164	#A693A4
100.0%	100.0% #ACA0A8	RGB 172 160 168	#ACA0A8

#5E6A89 #67688E #7B7294 #8C7C9A #9B88A0 #A693A4 #ACA0A8

#5E6A89 - #8C7C9A - #ACA0A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6A89 0%, #8C7C9A 50%, #ACA0A8 100%);
    background: -webkit-linear-gradient(top, #5E6A89 0%, #8C7C9A 50%, #ACA0A8 100%);
    background: linear-gradient(to bottom, #5E6A89 0%, #8C7C9A 50%, #ACA0A8 100%);
}
</style>