#ECEBEF - #AC9EB4 | 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 #ECEBEF to #AC9EB4

#ECEBEF #AC9EB4

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

#ECEBEF - #AC9EB4 | 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 #ECEBEF as 0% and #AC9EB4 as 100%.

0.0%	0.0% #ECEBEF	RGB 236 235 239	#ECEBEF
16.7%	16.7% #E1DEE5	RGB 225 222 229	#E1DEE5
33.3%	33.3% #D6D1DB	RGB 214 209 219	#D6D1DB
50.0%	50.0% #CCC4D1	RGB 204 196 209	#CCC4D1
66.7%	66.7% #C1B7C7	RGB 193 183 199	#C1B7C7
83.3%	83.3% #B6AABD	RGB 182 170 189	#B6AABD
100.0%	100.0% #AC9EB4	RGB 172 158 180	#AC9EB4

#ECEBEF #E1DEE5 #D6D1DB #CCC4D1 #C1B7C7 #B6AABD #AC9EB4

#ECEBEF - #AC9EB4

HSV Blend

#ECEBEF - #AC9EB4 | 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 #ECEBEF as 0% and #AC9EB4 as 100%.

0.0%	0.0% #ECEBEF	RGB 236 235 239	#ECEBEF
16.7%	16.7% #DFDDE5	RGB 223 221 229	#DFDDE5
33.3%	33.3% #D4CFDB	RGB 212 207 219	#D4CFDB
50.0%	50.0% #C9C2D1	RGB 201 194 209	#C9C2D1
66.7%	66.7% #BFB6C7	RGB 191 182 199	#BFB6C7
83.3%	83.3% #B5A9BD	RGB 181 169 189	#B5A9BD
100.0%	100.0% #AC9EB4	RGB 172 158 180	#AC9EB4

#ECEBEF #DFDDE5 #D4CFDB #C9C2D1 #BFB6C7 #B5A9BD #AC9EB4

#ECEBEF - #C9C2D1 - #AC9EB4

CSS codes

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

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