#ACB9CE - #DFDCD3 | 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 #ACB9CE to #DFDCD3

#ACB9CE #DFDCD3

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

#ACB9CE - #DFDCD3 | 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 #ACB9CE as 0% and #DFDCD3 as 100%.

0.0%	0.0% #ACB9CE	RGB 172 185 206	#ACB9CE
16.7%	16.7% #B4BECE	RGB 180 190 206	#B4BECE
33.3%	33.3% #BDC4CF	RGB 189 196 207	#BDC4CF
50.0%	50.0% #C5CAD0	RGB 197 202 208	#C5CAD0
66.7%	66.7% #CED0D1	RGB 206 208 209	#CED0D1
83.3%	83.3% #D6D6D2	RGB 214 214 210	#D6D6D2
100.0%	100.0% #DFDCD3	RGB 223 220 211	#DFDCD3

#ACB9CE #B4BECE #BDC4CF #C5CAD0 #CED0D1 #D6D6D2 #DFDCD3

#ACB9CE - #DFDCD3

HSV Blend

#ACB9CE - #DFDCD3 | 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 #ACB9CE as 0% and #DFDCD3 as 100%.

0.0%	0.0% #ACB9CE	RGB 172 185 206	#ACB9CE
16.7%	16.7% #B2CCD0	RGB 178 204 208	#B2CCD0
33.3%	33.3% #B8D3CA	RGB 184 211 202	#B8D3CA
50.0%	50.0% #BFD6C3	RGB 191 214 195	#BFD6C3
66.7%	66.7% #CBD9C5	RGB 203 217 197	#CBD9C5
83.3%	83.3% #D8DCCC	RGB 216 220 204	#D8DCCC
100.0%	100.0% #DFDCD3	RGB 223 220 211	#DFDCD3

#ACB9CE #B2CCD0 #B8D3CA #BFD6C3 #CBD9C5 #D8DCCC #DFDCD3

#ACB9CE - #BFD6C3 - #DFDCD3

CSS codes

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

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