#ACB8C5 - #E3DCCF | 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 #ACB8C5 to #E3DCCF

#ACB8C5 #E3DCCF

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

#ACB8C5 - #E3DCCF | 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 #ACB8C5 as 0% and #E3DCCF as 100%.

0.0%	0.0% #ACB8C5	RGB 172 184 197	#ACB8C5
16.7%	16.7% #B5BEC6	RGB 181 190 198	#B5BEC6
33.3%	33.3% #BEC4C8	RGB 190 196 200	#BEC4C8
50.0%	50.0% #C7CACA	RGB 199 202 202	#C7CACA
66.7%	66.7% #D0D0CB	RGB 208 208 203	#D0D0CB
83.3%	83.3% #D9D6CD	RGB 217 214 205	#D9D6CD
100.0%	100.0% #E3DCCF	RGB 227 220 207	#E3DCCF

#ACB8C5 #B5BEC6 #BEC4C8 #C7CACA #D0D0CB #D9D6CD #E3DCCF

#ACB8C5 - #E3DCCF

HSV Blend

#ACB8C5 - #E3DCCF | 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 #ACB8C5 as 0% and #E3DCCF as 100%.

0.0%	0.0% #ACB8C5	RGB 172 184 197	#ACB8C5
16.7%	16.7% #B1C8CA	RGB 177 200 202	#B1C8CA
33.3%	33.3% #B7CFC4	RGB 183 207 196	#B7CFC4
50.0%	50.0% #BDD4BF	RGB 189 212 191	#BDD4BF
66.7%	66.7% #CBD9C3	RGB 203 217 195	#CBD9C3
83.3%	83.3% #DBDEC9	RGB 219 222 201	#DBDEC9
100.0%	100.0% #E3DCCF	RGB 227 220 207	#E3DCCF

#ACB8C5 #B1C8CA #B7CFC4 #BDD4BF #CBD9C3 #DBDEC9 #E3DCCF

#ACB8C5 - #BDD4BF - #E3DCCF

CSS codes

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

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