#ACAFBC - #516377 | 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 #ACAFBC to #516377

#ACAFBC #516377

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

#ACAFBC - #516377 | 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 #ACAFBC as 0% and #516377 as 100%.

0.0%	0.0% #ACAFBC	RGB 172 175 188	#ACAFBC
16.7%	16.7% #9CA2B0	RGB 156 162 176	#9CA2B0
33.3%	33.3% #8D95A5	RGB 141 149 165	#8D95A5
50.0%	50.0% #7E8999	RGB 126 137 153	#7E8999
66.7%	66.7% #6F7C8E	RGB 111 124 142	#6F7C8E
83.3%	83.3% #606F82	RGB 96 111 130	#606F82
100.0%	100.0% #516377	RGB 81 99 119	#516377

#ACAFBC #9CA2B0 #8D95A5 #7E8999 #6F7C8E #606F82 #516377

#ACAFBC - #516377

HSV Blend

#ACAFBC - #516377 | 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 #ACAFBC as 0% and #516377 as 100%.

0.0%	0.0% #ACAFBC	RGB 172 175 188	#ACAFBC
16.7%	16.7% #9A9FB0	RGB 154 159 176	#9A9FB0
33.3%	33.3% #8A91A5	RGB 138 145 165	#8A91A5
50.0%	50.0% #7A8499	RGB 122 132 153	#7A8499
66.7%	66.7% #6B788E	RGB 107 120 142	#6B788E
83.3%	83.3% #5D6D82	RGB 93 109 130	#5D6D82
100.0%	100.0% #516377	RGB 81 99 119	#516377

#ACAFBC #9A9FB0 #8A91A5 #7A8499 #6B788E #5D6D82 #516377

#ACAFBC - #7A8499 - #516377

CSS codes

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

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