#ACB8C9 - #546988 | 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 #ACB8C9 to #546988

#ACB8C9 #546988

Calculate the color between two colors, #ACB8C9 and #546988. 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)

#ACB8C9 - #546988 | 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 #ACB8C9 as 0% and #546988 as 100%.

0.0%	0.0% #ACB8C9	RGB 172 184 201	#ACB8C9
16.7%	16.7% #9DAABE	RGB 157 170 190	#9DAABE
33.3%	33.3% #8E9DB3	RGB 142 157 179	#8E9DB3
50.0%	50.0% #8090A8	RGB 128 144 168	#8090A8
66.7%	66.7% #71839D	RGB 113 131 157	#71839D
83.3%	83.3% #627692	RGB 98 118 146	#627692
100.0%	100.0% #546988	RGB 84 105 136	#546988

#ACB8C9 #9DAABE #8E9DB3 #8090A8 #71839D #627692 #546988

#ACB8C9 - #546988

HSV Blend

#ACB8C9 - #546988 | 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 #ACB8C9 as 0% and #546988 as 100%.

0.0%	0.0% #ACB8C9	RGB 172 184 201	#ACB8C9
16.7%	16.7% #9BA9BE	RGB 155 169 190	#9BA9BE
33.3%	33.3% #8B9BB3	RGB 139 155 179	#8B9BB3
50.0%	50.0% #7C8EA8	RGB 124 142 168	#7C8EA8
66.7%	66.7% #6D819D	RGB 109 129 157	#6D819D
83.3%	83.3% #607492	RGB 96 116 146	#607492
100.0%	100.0% #546988	RGB 84 105 136	#546988

#ACB8C9 #9BA9BE #8B9BB3 #7C8EA8 #6D819D #607492 #546988

#ACB8C9 - #7C8EA8 - #546988

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACB8C9 0%, #7C8EA8 50%, #546988 100%);
    background: -webkit-linear-gradient(top, #ACB8C9 0%, #7C8EA8 50%, #546988 100%);
    background: linear-gradient(to bottom, #ACB8C9 0%, #7C8EA8 50%, #546988 100%);
}
</style>