#ACBAC2 - #E7DDCE | 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 #ACBAC2 to #E7DDCE

#ACBAC2 #E7DDCE

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

#ACBAC2 - #E7DDCE | 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 #ACBAC2 as 0% and #E7DDCE as 100%.

0.0%	0.0% #ACBAC2	RGB 172 186 194	#ACBAC2
16.7%	16.7% #B5BFC4	RGB 181 191 196	#B5BFC4
33.3%	33.3% #BFC5C6	RGB 191 197 198	#BFC5C6
50.0%	50.0% #C9CBC8	RGB 201 203 200	#C9CBC8
66.7%	66.7% #D3D1CA	RGB 211 209 202	#D3D1CA
83.3%	83.3% #DDD7CC	RGB 221 215 204	#DDD7CC
100.0%	100.0% #E7DDCE	RGB 231 221 206	#E7DDCE

#ACBAC2 #B5BFC4 #BFC5C6 #C9CBC8 #D3D1CA #DDD7CC #E7DDCE

#ACBAC2 - #E7DDCE

HSV Blend

#ACBAC2 - #E7DDCE | 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 #ACBAC2 as 0% and #E7DDCE as 100%.

0.0%	0.0% #ACBAC2	RGB 172 186 194	#ACBAC2
16.7%	16.7% #B1C8C5	RGB 177 200 197	#B1C8C5
33.3%	33.3% #B7CEC1	RGB 183 206 193	#B7CEC1
50.0%	50.0% #BDD4BC	RGB 189 212 188	#BDD4BC
66.7%	66.7% #CEDAC2	RGB 206 218 194	#CEDAC2
83.3%	83.3% #DFE0C8	RGB 223 224 200	#DFE0C8
100.0%	100.0% #E7DDCE	RGB 231 221 206	#E7DDCE

#ACBAC2 #B1C8C5 #B7CEC1 #BDD4BC #CEDAC2 #DFE0C8 #E7DDCE

#ACBAC2 - #BDD4BC - #E7DDCE

CSS codes

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

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