#E6DFF2 - #B18EDA | 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 #E6DFF2 to #B18EDA

#E6DFF2 #B18EDA

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

#E6DFF2 - #B18EDA | 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 #E6DFF2 as 0% and #B18EDA as 100%.

0.0%	0.0% #E6DFF2	RGB 230 223 242	#E6DFF2
16.7%	16.7% #DDD1EE	RGB 221 209 238	#DDD1EE
33.3%	33.3% #D4C4EA	RGB 212 196 234	#D4C4EA
50.0%	50.0% #CBB6E6	RGB 203 182 230	#CBB6E6
66.7%	66.7% #C2A9E2	RGB 194 169 226	#C2A9E2
83.3%	83.3% #B99BDE	RGB 185 155 222	#B99BDE
100.0%	100.0% #B18EDA	RGB 177 142 218	#B18EDA

#E6DFF2 #DDD1EE #D4C4EA #CBB6E6 #C2A9E2 #B99BDE #B18EDA

#E6DFF2 - #B18EDA

HSV Blend

#E6DFF2 - #B18EDA | 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 #E6DFF2 as 0% and #B18EDA as 100%.

0.0%	0.0% #E6DFF2	RGB 230 223 242	#E6DFF2
16.7%	16.7% #DBD0EE	RGB 219 208 238	#DBD0EE
33.3%	33.3% #D2C2EA	RGB 210 194 234	#D2C2EA
50.0%	50.0% #C9B4E6	RGB 201 180 230	#C9B4E6
66.7%	66.7% #C0A7E2	RGB 192 167 226	#C0A7E2
83.3%	83.3% #B89ADE	RGB 184 154 222	#B89ADE
100.0%	100.0% #B18EDA	RGB 177 142 218	#B18EDA

#E6DFF2 #DBD0EE #D2C2EA #C9B4E6 #C0A7E2 #B89ADE #B18EDA

#E6DFF2 - #C9B4E6 - #B18EDA

CSS codes

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

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