#E3D0FF - #986ECE | 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 #E3D0FF to #986ECE

#E3D0FF #986ECE

Calculate the color between two colors, #E3D0FF and #986ECE. 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)

#E3D0FF - #986ECE | 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 #E3D0FF as 0% and #986ECE as 100%.

0.0%	0.0% #E3D0FF	RGB 227 208 255	#E3D0FF
16.7%	16.7% #D6BFF6	RGB 214 191 246	#D6BFF6
33.3%	33.3% #CAAFEE	RGB 202 175 238	#CAAFEE
50.0%	50.0% #BD9FE6	RGB 189 159 230	#BD9FE6
66.7%	66.7% #B18EDE	RGB 177 142 222	#B18EDE
83.3%	83.3% #A47ED6	RGB 164 126 214	#A47ED6
100.0%	100.0% #986ECE	RGB 152 110 206	#986ECE

#E3D0FF #D6BFF6 #CAAFEE #BD9FE6 #B18EDE #A47ED6 #986ECE

#E3D0FF - #986ECE

HSV Blend

#E3D0FF - #986ECE | 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 #E3D0FF as 0% and #986ECE as 100%.

0.0%	0.0% #E3D0FF	RGB 227 208 255	#E3D0FF
16.7%	16.7% #D5BDF6	RGB 213 189 246	#D5BDF6
33.3%	33.3% #C7ACEE	RGB 199 172 238	#C7ACEE
50.0%	50.0% #BB9BE6	RGB 187 155 230	#BB9BE6
66.7%	66.7% #AE8BDE	RGB 174 139 222	#AE8BDE
83.3%	83.3% #A37CD6	RGB 163 124 214	#A37CD6
100.0%	100.0% #986ECE	RGB 152 110 206	#986ECE

#E3D0FF #D5BDF6 #C7ACEE #BB9BE6 #AE8BDE #A37CD6 #986ECE

#E3D0FF - #BB9BE6 - #986ECE

CSS codes

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

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