#ECE1E8 - #A299B0 | 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 #ECE1E8 to #A299B0

#ECE1E8 #A299B0

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

#ECE1E8 - #A299B0 | 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 #ECE1E8 as 0% and #A299B0 as 100%.

0.0%	0.0% #ECE1E8	RGB 236 225 232	#ECE1E8
16.7%	16.7% #DFD5DE	RGB 223 213 222	#DFD5DE
33.3%	33.3% #D3C9D5	RGB 211 201 213	#D3C9D5
50.0%	50.0% #C7BDCC	RGB 199 189 204	#C7BDCC
66.7%	66.7% #BAB1C2	RGB 186 177 194	#BAB1C2
83.3%	83.3% #AEA5B9	RGB 174 165 185	#AEA5B9
100.0%	100.0% #A299B0	RGB 162 153 176	#A299B0

#ECE1E8 #DFD5DE #D3C9D5 #C7BDCC #BAB1C2 #AEA5B9 #A299B0

#ECE1E8 - #A299B0

HSV Blend

#ECE1E8 - #A299B0 | 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 #ECE1E8 as 0% and #A299B0 as 100%.

0.0%	0.0% #ECE1E8	RGB 236 225 232	#ECE1E8
16.7%	16.7% #E2D4DF	RGB 226 212 223	#E2D4DF
33.3%	33.3% #D8C7D7	RGB 216 199 215	#D8C7D7
50.0%	50.0% #CBBBCE	RGB 203 187 206	#CBBBCE
66.7%	66.7% #BEAFC4	RGB 190 175 196	#BEAFC4
83.3%	83.3% #B0A4BA	RGB 176 164 186	#B0A4BA
100.0%	100.0% #A299B0	RGB 162 153 176	#A299B0

#ECE1E8 #E2D4DF #D8C7D7 #CBBBCE #BEAFC4 #B0A4BA #A299B0

#ECE1E8 - #CBBBCE - #A299B0

CSS codes

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

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