#E6DFEC - #8A82B6 | 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 #E6DFEC to #8A82B6

#E6DFEC #8A82B6

Calculate the color between two colors, #E6DFEC and #8A82B6. 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)

#E6DFEC - #8A82B6 | 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 #E6DFEC as 0% and #8A82B6 as 100%.

0.0%	0.0% #E6DFEC	RGB 230 223 236	#E6DFEC
16.7%	16.7% #D6CFE3	RGB 214 207 227	#D6CFE3
33.3%	33.3% #C7C0DA	RGB 199 192 218	#C7C0DA
50.0%	50.0% #B8B0D1	RGB 184 176 209	#B8B0D1
66.7%	66.7% #A8A1C8	RGB 168 161 200	#A8A1C8
83.3%	83.3% #9991BF	RGB 153 145 191	#9991BF
100.0%	100.0% #8A82B6	RGB 138 130 182	#8A82B6

#E6DFEC #D6CFE3 #C7C0DA #B8B0D1 #A8A1C8 #9991BF #8A82B6

#E6DFEC - #8A82B6

HSV Blend

#E6DFEC - #8A82B6 | 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 #E6DFEC as 0% and #8A82B6 as 100%.

0.0%	0.0% #E6DFEC	RGB 230 223 236	#E6DFEC
16.7%	16.7% #D7CDE3	RGB 215 205 227	#D7CDE3
33.3%	33.3% #C9BDDA	RGB 201 189 218	#C9BDDA
50.0%	50.0% #B9ADD1	RGB 185 173 209	#B9ADD1
66.7%	66.7% #AA9EC8	RGB 170 158 200	#AA9EC8
83.3%	83.3% #9A8FBF	RGB 154 143 191	#9A8FBF
100.0%	100.0% #8A82B6	RGB 138 130 182	#8A82B6

#E6DFEC #D7CDE3 #C9BDDA #B9ADD1 #AA9EC8 #9A8FBF #8A82B6

#E6DFEC - #B9ADD1 - #8A82B6

CSS codes

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

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