#E4DCEC - #A78ECC | 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 #E4DCEC to #A78ECC

#E4DCEC #A78ECC

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

#E4DCEC - #A78ECC | 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 #E4DCEC as 0% and #A78ECC as 100%.

0.0%	0.0% #E4DCEC	RGB 228 220 236	#E4DCEC
16.7%	16.7% #D9CFE6	RGB 217 207 230	#D9CFE6
33.3%	33.3% #CFC2E1	RGB 207 194 225	#CFC2E1
50.0%	50.0% #C5B5DC	RGB 197 181 220	#C5B5DC
66.7%	66.7% #BBA8D6	RGB 187 168 214	#BBA8D6
83.3%	83.3% #B19BD1	RGB 177 155 209	#B19BD1
100.0%	100.0% #A78ECC	RGB 167 142 204	#A78ECC

#E4DCEC #D9CFE6 #CFC2E1 #C5B5DC #BBA8D6 #B19BD1 #A78ECC

#E4DCEC - #A78ECC

HSV Blend

#E4DCEC - #A78ECC | 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 #E4DCEC as 0% and #A78ECC as 100%.

0.0%	0.0% #E4DCEC	RGB 228 220 236	#E4DCEC
16.7%	16.7% #D9CDE6	RGB 217 205 230	#D9CDE6
33.3%	33.3% #CFC0E1	RGB 207 192 225	#CFC0E1
50.0%	50.0% #C5B3DC	RGB 197 179 220	#C5B3DC
66.7%	66.7% #BBA6D6	RGB 187 166 214	#BBA6D6
83.3%	83.3% #B199D1	RGB 177 153 209	#B199D1
100.0%	100.0% #A78ECC	RGB 167 142 204	#A78ECC

#E4DCEC #D9CDE6 #CFC0E1 #C5B3DC #BBA6D6 #B199D1 #A78ECC

#E4DCEC - #C5B3DC - #A78ECC

CSS codes

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

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