#B58AD5 - #E9DDF3 | 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 #B58AD5 to #E9DDF3

#B58AD5 #E9DDF3

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

#B58AD5 - #E9DDF3 | 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 #B58AD5 as 0% and #E9DDF3 as 100%.

0.0%	0.0% #B58AD5	RGB 181 138 213	#B58AD5
16.7%	16.7% #BD97DA	RGB 189 151 218	#BD97DA
33.3%	33.3% #C6A5DF	RGB 198 165 223	#C6A5DF
50.0%	50.0% #CFB3E4	RGB 207 179 228	#CFB3E4
66.7%	66.7% #D7C1E9	RGB 215 193 233	#D7C1E9
83.3%	83.3% #E0CFEE	RGB 224 207 238	#E0CFEE
100.0%	100.0% #E9DDF3	RGB 233 221 243	#E9DDF3

#B58AD5 #BD97DA #C6A5DF #CFB3E4 #D7C1E9 #E0CFEE #E9DDF3

#B58AD5 - #E9DDF3

HSV Blend

#B58AD5 - #E9DDF3 | 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 #B58AD5 as 0% and #E9DDF3 as 100%.

0.0%	0.0% #B58AD5	RGB 181 138 213	#B58AD5
16.7%	16.7% #BC96DA	RGB 188 150 218	#BC96DA
33.3%	33.3% #C5A3DF	RGB 197 163 223	#C5A3DF
50.0%	50.0% #CDB1E4	RGB 205 177 228	#CDB1E4
66.7%	66.7% #D6BFE9	RGB 214 191 233	#D6BFE9
83.3%	83.3% #DFCEEE	RGB 223 206 238	#DFCEEE
100.0%	100.0% #E9DDF3	RGB 233 221 243	#E9DDF3

#B58AD5 #BC96DA #C5A3DF #CDB1E4 #D6BFE9 #DFCEEE #E9DDF3

#B58AD5 - #CDB1E4 - #E9DDF3

CSS codes

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

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