#E3D9F2 - #B38AD1 | 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 #E3D9F2 to #B38AD1

#E3D9F2 #B38AD1

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

#E3D9F2 - #B38AD1 | 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 #E3D9F2 as 0% and #B38AD1 as 100%.

0.0%	0.0% #E3D9F2	RGB 227 217 242	#E3D9F2
16.7%	16.7% #DBCBEC	RGB 219 203 236	#DBCBEC
33.3%	33.3% #D3BEE7	RGB 211 190 231	#D3BEE7
50.0%	50.0% #CBB1E1	RGB 203 177 225	#CBB1E1
66.7%	66.7% #C3A4DC	RGB 195 164 220	#C3A4DC
83.3%	83.3% #BB97D6	RGB 187 151 214	#BB97D6
100.0%	100.0% #B38AD1	RGB 179 138 209	#B38AD1

#E3D9F2 #DBCBEC #D3BEE7 #CBB1E1 #C3A4DC #BB97D6 #B38AD1

#E3D9F2 - #B38AD1

HSV Blend

#E3D9F2 - #B38AD1 | 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 #E3D9F2 as 0% and #B38AD1 as 100%.

0.0%	0.0% #E3D9F2	RGB 227 217 242	#E3D9F2
16.7%	16.7% #D9CAEC	RGB 217 202 236	#D9CAEC
33.3%	33.3% #D0BCE7	RGB 208 188 231	#D0BCE7
50.0%	50.0% #C7AFE1	RGB 199 175 225	#C7AFE1
66.7%	66.7% #C0A2DC	RGB 192 162 220	#C0A2DC
83.3%	83.3% #B996D6	RGB 185 150 214	#B996D6
100.0%	100.0% #B38AD1	RGB 179 138 209	#B38AD1

#E3D9F2 #D9CAEC #D0BCE7 #C7AFE1 #C0A2DC #B996D6 #B38AD1

#E3D9F2 - #C7AFE1 - #B38AD1

CSS codes

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

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