#ACB9CF - #536A8F | 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 #ACB9CF to #536A8F

#ACB9CF #536A8F

Calculate the color between two colors, #ACB9CF and #536A8F. 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)

#ACB9CF - #536A8F | 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 #ACB9CF as 0% and #536A8F as 100%.

0.0%	0.0% #ACB9CF	RGB 172 185 207	#ACB9CF
16.7%	16.7% #9DABC4	RGB 157 171 196	#9DABC4
33.3%	33.3% #8E9EB9	RGB 142 158 185	#8E9EB9
50.0%	50.0% #7F91AF	RGB 127 145 175	#7F91AF
66.7%	66.7% #7084A4	RGB 112 132 164	#7084A4
83.3%	83.3% #617799	RGB 97 119 153	#617799
100.0%	100.0% #536A8F	RGB 83 106 143	#536A8F

#ACB9CF #9DABC4 #8E9EB9 #7F91AF #7084A4 #617799 #536A8F

#ACB9CF - #536A8F

HSV Blend

#ACB9CF - #536A8F | 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 #ACB9CF as 0% and #536A8F as 100%.

0.0%	0.0% #ACB9CF	RGB 172 185 207	#ACB9CF
16.7%	16.7% #9AAAC4	RGB 154 170 196	#9AAAC4
33.3%	33.3% #8A9CB9	RGB 138 156 185	#8A9CB9
50.0%	50.0% #7B8EAF	RGB 123 142 175	#7B8EAF
66.7%	66.7% #6D82A4	RGB 109 130 164	#6D82A4
83.3%	83.3% #5F7599	RGB 95 117 153	#5F7599
100.0%	100.0% #536A8F	RGB 83 106 143	#536A8F

#ACB9CF #9AAAC4 #8A9CB9 #7B8EAF #6D82A4 #5F7599 #536A8F

#ACB9CF - #7B8EAF - #536A8F

CSS codes

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

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