#ECEBF9 - #AE9AC3 | 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 #ECEBF9 to #AE9AC3

#ECEBF9 #AE9AC3

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

#ECEBF9 - #AE9AC3 | 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 #ECEBF9 as 0% and #AE9AC3 as 100%.

0.0%	0.0% #ECEBF9	RGB 236 235 249	#ECEBF9
16.7%	16.7% #E1DDF0	RGB 225 221 240	#E1DDF0
33.3%	33.3% #D7D0E7	RGB 215 208 231	#D7D0E7
50.0%	50.0% #CDC2DE	RGB 205 194 222	#CDC2DE
66.7%	66.7% #C2B5D5	RGB 194 181 213	#C2B5D5
83.3%	83.3% #B8A7CC	RGB 184 167 204	#B8A7CC
100.0%	100.0% #AE9AC3	RGB 174 154 195	#AE9AC3

#ECEBF9 #E1DDF0 #D7D0E7 #CDC2DE #C2B5D5 #B8A7CC #AE9AC3

#ECEBF9 - #AE9AC3

HSV Blend

#ECEBF9 - #AE9AC3 | 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 #ECEBF9 as 0% and #AE9AC3 as 100%.

0.0%	0.0% #ECEBF9	RGB 236 235 249	#ECEBF9
16.7%	16.7% #DFDCF0	RGB 223 220 240	#DFDCF0
33.3%	33.3% #D3CEE7	RGB 211 206 231	#D3CEE7
50.0%	50.0% #C8C0DE	RGB 200 192 222	#C8C0DE
66.7%	66.7% #BEB3D5	RGB 190 179 213	#BEB3D5
83.3%	83.3% #B6A6CC	RGB 182 166 204	#B6A6CC
100.0%	100.0% #AE9AC3	RGB 174 154 195	#AE9AC3

#ECEBF9 #DFDCF0 #D3CEE7 #C8C0DE #BEB3D5 #B6A6CC #AE9AC3

#ECEBF9 - #C8C0DE - #AE9AC3

CSS codes

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

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