#ACB8C9 - #E1DCD1 | 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 #E1DCD1

#ACB8C9 #E1DCD1

Calculate the color between two colors, #ACB8C9 and #E1DCD1. 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 - #E1DCD1 | 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 #E1DCD1 as 100%.

0.0%	0.0% #ACB8C9	RGB 172 184 201	#ACB8C9
16.7%	16.7% #B4BECA	RGB 180 190 202	#B4BECA
33.3%	33.3% #BDC4CB	RGB 189 196 203	#BDC4CB
50.0%	50.0% #C6CACD	RGB 198 202 205	#C6CACD
66.7%	66.7% #CFD0CE	RGB 207 208 206	#CFD0CE
83.3%	83.3% #D8D6CF	RGB 216 214 207	#D8D6CF
100.0%	100.0% #E1DCD1	RGB 225 220 209	#E1DCD1

#ACB8C9 #B4BECA #BDC4CB #C6CACD #CFD0CE #D8D6CF #E1DCD1

#ACB8C9 - #E1DCD1

HSV Blend

#ACB8C9 - #E1DCD1 | 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 #E1DCD1 as 100%.

0.0%	0.0% #ACB8C9	RGB 172 184 201	#ACB8C9
16.7%	16.7% #B1CACD	RGB 177 202 205	#B1CACD
33.3%	33.3% #B7D1C7	RGB 183 209 199	#B7D1C7
50.0%	50.0% #BED5C1	RGB 190 213 193	#BED5C1
66.7%	66.7% #CBD9C4	RGB 203 217 196	#CBD9C4
83.3%	83.3% #D9DDCA	RGB 217 221 202	#D9DDCA
100.0%	100.0% #E1DCD1	RGB 225 220 209	#E1DCD1

#ACB8C9 #B1CACD #B7D1C7 #BED5C1 #CBD9C4 #D9DDCA #E1DCD1

#ACB8C9 - #BED5C1 - #E1DCD1

CSS codes

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

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