#E6D1E5 - #BA81C0 | 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 #E6D1E5 to #BA81C0

#E6D1E5 #BA81C0

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

#E6D1E5 - #BA81C0 | 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 #E6D1E5 as 0% and #BA81C0 as 100%.

0.0%	0.0% #E6D1E5	RGB 230 209 229	#E6D1E5
16.7%	16.7% #DEC3DE	RGB 222 195 222	#DEC3DE
33.3%	33.3% #D7B6D8	RGB 215 182 216	#D7B6D8
50.0%	50.0% #D0A9D2	RGB 208 169 210	#D0A9D2
66.7%	66.7% #C89BCC	RGB 200 155 204	#C89BCC
83.3%	83.3% #C18EC6	RGB 193 142 198	#C18EC6
100.0%	100.0% #BA81C0	RGB 186 129 192	#BA81C0

#E6D1E5 #DEC3DE #D7B6D8 #D0A9D2 #C89BCC #C18EC6 #BA81C0

#E6D1E5 - #BA81C0

HSV Blend

#E6D1E5 - #BA81C0 | 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 #E6D1E5 as 0% and #BA81C0 as 100%.

0.0%	0.0% #E6D1E5	RGB 230 209 229	#E6D1E5
16.7%	16.7% #DFC2DE	RGB 223 194 222	#DFC2DE
33.3%	33.3% #D9B4D9	RGB 217 180 217	#D9B4D9
50.0%	50.0% #D1A6D3	RGB 209 166 211	#D1A6D3
66.7%	66.7% #CA99CC	RGB 202 153 204	#CA99CC
83.3%	83.3% #C28DC6	RGB 194 141 198	#C28DC6
100.0%	100.0% #BA81C0	RGB 186 129 192	#BA81C0

#E6D1E5 #DFC2DE #D9B4D9 #D1A6D3 #CA99CC #C28DC6 #BA81C0

#E6D1E5 - #D1A6D3 - #BA81C0

CSS codes

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

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