#ACAC9F - #B6C4DB | 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 #ACAC9F to #B6C4DB

#ACAC9F #B6C4DB

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

#ACAC9F - #B6C4DB | 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 #ACAC9F as 0% and #B6C4DB as 100%.

0.0%	0.0% #ACAC9F	RGB 172 172 159	#ACAC9F
16.7%	16.7% #ADB0A9	RGB 173 176 169	#ADB0A9
33.3%	33.3% #AFB4B3	RGB 175 180 179	#AFB4B3
50.0%	50.0% #B1B8BD	RGB 177 184 189	#B1B8BD
66.7%	66.7% #B2BCC7	RGB 178 188 199	#B2BCC7
83.3%	83.3% #B4C0D1	RGB 180 192 209	#B4C0D1
100.0%	100.0% #B6C4DB	RGB 182 196 219	#B6C4DB

#ACAC9F #ADB0A9 #AFB4B3 #B1B8BD #B2BCC7 #B4C0D1 #B6C4DB

#ACAC9F - #B6C4DB

HSV Blend

#ACAC9F - #B6C4DB | 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 #ACAC9F as 0% and #B6C4DB as 100%.

0.0%	0.0% #ACAC9F	RGB 172 172 159	#ACAC9F
16.7%	16.7% #ACB3A3	RGB 172 179 163	#ACB3A3
33.3%	33.3% #AABBA7	RGB 170 187 167	#AABBA7
50.0%	50.0% #ABC3B3	RGB 171 195 179	#ABC3B3
66.7%	66.7% #AFCBC4	RGB 175 203 196	#AFCBC4
83.3%	83.3% #B2CDD3	RGB 178 205 211	#B2CDD3
100.0%	100.0% #B6C4DB	RGB 182 196 219	#B6C4DB

#ACAC9F #ACB3A3 #AABBA7 #ABC3B3 #AFCBC4 #B2CDD3 #B6C4DB

#ACAC9F - #ABC3B3 - #B6C4DB

CSS codes

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

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