#E5DCEC - #AA8ECD | 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 #E5DCEC to #AA8ECD

#E5DCEC #AA8ECD

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

#E5DCEC - #AA8ECD | 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 #E5DCEC as 0% and #AA8ECD as 100%.

0.0%	0.0% #E5DCEC	RGB 229 220 236	#E5DCEC
16.7%	16.7% #DBCFE6	RGB 219 207 230	#DBCFE6
33.3%	33.3% #D1C2E1	RGB 209 194 225	#D1C2E1
50.0%	50.0% #C7B5DC	RGB 199 181 220	#C7B5DC
66.7%	66.7% #BDA8D7	RGB 189 168 215	#BDA8D7
83.3%	83.3% #B39BD2	RGB 179 155 210	#B39BD2
100.0%	100.0% #AA8ECD	RGB 170 142 205	#AA8ECD

#E5DCEC #DBCFE6 #D1C2E1 #C7B5DC #BDA8D7 #B39BD2 #AA8ECD

#E5DCEC - #AA8ECD

HSV Blend

#E5DCEC - #AA8ECD | 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 #E5DCEC as 0% and #AA8ECD as 100%.

0.0%	0.0% #E5DCEC	RGB 229 220 236	#E5DCEC
16.7%	16.7% #DBCDE6	RGB 219 205 230	#DBCDE6
33.3%	33.3% #D1C0E1	RGB 209 192 225	#D1C0E1
50.0%	50.0% #C7B3DC	RGB 199 179 220	#C7B3DC
66.7%	66.7% #BEA6D7	RGB 190 166 215	#BEA6D7
83.3%	83.3% #B499D2	RGB 180 153 210	#B499D2
100.0%	100.0% #AA8ECD	RGB 170 142 205	#AA8ECD

#E5DCEC #DBCDE6 #D1C0E1 #C7B3DC #BEA6D7 #B499D2 #AA8ECD

#E5DCEC - #C7B3DC - #AA8ECD

CSS codes

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

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