#ECE5EF - #A29AB4 | 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 #ECE5EF to #A29AB4

#ECE5EF #A29AB4

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

#ECE5EF - #A29AB4 | 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 #ECE5EF as 0% and #A29AB4 as 100%.

0.0%	0.0% #ECE5EF	RGB 236 229 239	#ECE5EF
16.7%	16.7% #DFD8E5	RGB 223 216 229	#DFD8E5
33.3%	33.3% #D3CCDB	RGB 211 204 219	#D3CCDB
50.0%	50.0% #C7BFD1	RGB 199 191 209	#C7BFD1
66.7%	66.7% #BAB3C7	RGB 186 179 199	#BAB3C7
83.3%	83.3% #AEA6BD	RGB 174 166 189	#AEA6BD
100.0%	100.0% #A29AB4	RGB 162 154 180	#A29AB4

#ECE5EF #DFD8E5 #D3CCDB #C7BFD1 #BAB3C7 #AEA6BD #A29AB4

#ECE5EF - #A29AB4

HSV Blend

#ECE5EF - #A29AB4 | 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 #ECE5EF as 0% and #A29AB4 as 100%.

0.0%	0.0% #ECE5EF	RGB 236 229 239	#ECE5EF
16.7%	16.7% #E0D7E5	RGB 224 215 229	#E0D7E5
33.3%	33.3% #D4CADB	RGB 212 202 219	#D4CADB
50.0%	50.0% #C7BDD1	RGB 199 189 209	#C7BDD1
66.7%	66.7% #BBB1C7	RGB 187 177 199	#BBB1C7
83.3%	83.3% #AEA5BD	RGB 174 165 189	#AEA5BD
100.0%	100.0% #A29AB4	RGB 162 154 180	#A29AB4

#ECE5EF #E0D7E5 #D4CADB #C7BDD1 #BBB1C7 #AEA5BD #A29AB4

#ECE5EF - #C7BDD1 - #A29AB4

CSS codes

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

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