#E4DFED - #9F8CB2 | 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 #E4DFED to #9F8CB2

#E4DFED #9F8CB2

Calculate the color between two colors, #E4DFED and #9F8CB2. 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)

#E4DFED - #9F8CB2 | 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 #E4DFED as 0% and #9F8CB2 as 100%.

0.0%	0.0% #E4DFED	RGB 228 223 237	#E4DFED
16.7%	16.7% #D8D1E3	RGB 216 209 227	#D8D1E3
33.3%	33.3% #CDC3D9	RGB 205 195 217	#CDC3D9
50.0%	50.0% #C1B5CF	RGB 193 181 207	#C1B5CF
66.7%	66.7% #B6A7C5	RGB 182 167 197	#B6A7C5
83.3%	83.3% #AA99BB	RGB 170 153 187	#AA99BB
100.0%	100.0% #9F8CB2	RGB 159 140 178	#9F8CB2

#E4DFED #D8D1E3 #CDC3D9 #C1B5CF #B6A7C5 #AA99BB #9F8CB2

#E4DFED - #9F8CB2

HSV Blend

#E4DFED - #9F8CB2 | 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 #E4DFED as 0% and #9F8CB2 as 100%.

0.0%	0.0% #E4DFED	RGB 228 223 237	#E4DFED
16.7%	16.7% #D7CFE3	RGB 215 207 227	#D7CFE3
33.3%	33.3% #CBC1D9	RGB 203 193 217	#CBC1D9
50.0%	50.0% #BFB3CF	RGB 191 179 207	#BFB3CF
66.7%	66.7% #B4A5C5	RGB 180 165 197	#B4A5C5
83.3%	83.3% #A998BB	RGB 169 152 187	#A998BB
100.0%	100.0% #9F8CB2	RGB 159 140 178	#9F8CB2

#E4DFED #D7CFE3 #CBC1D9 #BFB3CF #B4A5C5 #A998BB #9F8CB2

#E4DFED - #BFB3CF - #9F8CB2

CSS codes

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

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