#E2C0EC - #BA56C2 | 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 #E2C0EC to #BA56C2

#E2C0EC #BA56C2

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

#E2C0EC - #BA56C2 | 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 #E2C0EC as 0% and #BA56C2 as 100%.

0.0%	0.0% #E2C0EC	RGB 226 192 236	#E2C0EC
16.7%	16.7% #DBAEE5	RGB 219 174 229	#DBAEE5
33.3%	33.3% #D49CDE	RGB 212 156 222	#D49CDE
50.0%	50.0% #CE8BD7	RGB 206 139 215	#CE8BD7
66.7%	66.7% #C779D0	RGB 199 121 208	#C779D0
83.3%	83.3% #C067C9	RGB 192 103 201	#C067C9
100.0%	100.0% #BA56C2	RGB 186 86 194	#BA56C2

#E2C0EC #DBAEE5 #D49CDE #CE8BD7 #C779D0 #C067C9 #BA56C2

#E2C0EC - #BA56C2

HSV Blend

#E2C0EC - #BA56C2 | 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 #E2C0EC as 0% and #BA56C2 as 100%.

0.0%	0.0% #E2C0EC	RGB 226 192 236	#E2C0EC
16.7%	16.7% #D9ACE5	RGB 217 172 229	#D9ACE5
33.3%	33.3% #D199DE	RGB 209 153 222	#D199DE
50.0%	50.0% #CA87D7	RGB 202 135 215	#CA87D7
66.7%	66.7% #C475D0	RGB 196 117 208	#C475D0
83.3%	83.3% #BF65C9	RGB 191 101 201	#BF65C9
100.0%	100.0% #BA56C2	RGB 186 86 194	#BA56C2

#E2C0EC #D9ACE5 #D199DE #CA87D7 #C475D0 #BF65C9 #BA56C2

#E2C0EC - #CA87D7 - #BA56C2

CSS codes

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

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