#ACB1B5 - #E3CCC2 | 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 #ACB1B5 to #E3CCC2

#ACB1B5 #E3CCC2

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

#ACB1B5 - #E3CCC2 | 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 #ACB1B5 as 0% and #E3CCC2 as 100%.

0.0%	0.0% #ACB1B5	RGB 172 177 181	#ACB1B5
16.7%	16.7% #B5B5B7	RGB 181 181 183	#B5B5B7
33.3%	33.3% #BEBAB9	RGB 190 186 185	#BEBAB9
50.0%	50.0% #C7BEBB	RGB 199 190 187	#C7BEBB
66.7%	66.7% #D0C3BD	RGB 208 195 189	#D0C3BD
83.3%	83.3% #D9C7BF	RGB 217 199 191	#D9C7BF
100.0%	100.0% #E3CCC2	RGB 227 204 194	#E3CCC2

#ACB1B5 #B5B5B7 #BEBAB9 #C7BEBB #D0C3BD #D9C7BF #E3CCC2

#ACB1B5 - #E3CCC2

HSV Blend

#ACB1B5 - #E3CCC2 | 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 #ACB1B5 as 0% and #E3CCC2 as 100%.

0.0%	0.0% #ACB1B5	RGB 172 177 181	#ACB1B5
16.7%	16.7% #B0B1BC	RGB 176 177 188	#B0B1BC
33.3%	33.3% #BAB4C4	RGB 186 180 196	#BAB4C4
50.0%	50.0% #C9B8CC	RGB 201 184 204	#C9B8CC
66.7%	66.7% #D3BBCB	RGB 211 187 203	#D3BBCB
83.3%	83.3% #DBBEC3	RGB 219 190 195	#DBBEC3
100.0%	100.0% #E3CCC2	RGB 227 204 194	#E3CCC2

#ACB1B5 #B0B1BC #BAB4C4 #C9B8CC #D3BBCB #DBBEC3 #E3CCC2

#ACB1B5 - #C9B8CC - #E3CCC2

CSS codes

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

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