#E5D9ED - #9A85B2 | 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 #E5D9ED to #9A85B2

#E5D9ED #9A85B2

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

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

0.0%	0.0% #E5D9ED	RGB 229 217 237	#E5D9ED
16.7%	16.7% #D8CBE3	RGB 216 203 227	#D8CBE3
33.3%	33.3% #CCBDD9	RGB 204 189 217	#CCBDD9
50.0%	50.0% #BFAFCF	RGB 191 175 207	#BFAFCF
66.7%	66.7% #B3A1C5	RGB 179 161 197	#B3A1C5
83.3%	83.3% #A693BB	RGB 166 147 187	#A693BB
100.0%	100.0% #9A85B2	RGB 154 133 178	#9A85B2

#E5D9ED #D8CBE3 #CCBDD9 #BFAFCF #B3A1C5 #A693BB #9A85B2

#E5D9ED - #9A85B2

HSV Blend

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

0.0%	0.0% #E5D9ED	RGB 229 217 237	#E5D9ED
16.7%	16.7% #D8C9E3	RGB 216 201 227	#D8C9E3
33.3%	33.3% #CBBAD9	RGB 203 186 217	#CBBAD9
50.0%	50.0% #BFACCF	RGB 191 172 207	#BFACCF
66.7%	66.7% #B29EC5	RGB 178 158 197	#B29EC5
83.3%	83.3% #A691BB	RGB 166 145 187	#A691BB
100.0%	100.0% #9A85B2	RGB 154 133 178	#9A85B2

#E5D9ED #D8C9E3 #CBBAD9 #BFACCF #B29EC5 #A691BB #9A85B2

#E5D9ED - #BFACCF - #9A85B2

CSS codes

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

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