#EDE6FF - #888DD2 | 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 #EDE6FF to #888DD2

#EDE6FF #888DD2

Calculate the color between two colors, #EDE6FF and #888DD2. 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)

#EDE6FF - #888DD2 | 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 #EDE6FF as 0% and #888DD2 as 100%.

0.0%	0.0% #EDE6FF	RGB 237 230 255	#EDE6FF
16.7%	16.7% #DCD7F7	RGB 220 215 247	#DCD7F7
33.3%	33.3% #CBC8F0	RGB 203 200 240	#CBC8F0
50.0%	50.0% #BAB9E8	RGB 186 185 232	#BAB9E8
66.7%	66.7% #A9AAE1	RGB 169 170 225	#A9AAE1
83.3%	83.3% #989BD9	RGB 152 155 217	#989BD9
100.0%	100.0% #888DD2	RGB 136 141 210	#888DD2

#EDE6FF #DCD7F7 #CBC8F0 #BAB9E8 #A9AAE1 #989BD9 #888DD2

#EDE6FF - #888DD2

HSV Blend

#EDE6FF - #888DD2 | 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 #EDE6FF as 0% and #888DD2 as 100%.

0.0%	0.0% #EDE6FF	RGB 237 230 255	#EDE6FF
16.7%	16.7% #DCD4F7	RGB 220 212 247	#DCD4F7
33.3%	33.3% #CBC4F0	RGB 203 196 240	#CBC4F0
50.0%	50.0% #B9B4E8	RGB 185 180 232	#B9B4E8
66.7%	66.7% #A7A4E1	RGB 167 164 225	#A7A4E1
83.3%	83.3% #9696D9	RGB 150 150 217	#9696D9
100.0%	100.0% #888DD2	RGB 136 141 210	#888DD2

#EDE6FF #DCD4F7 #CBC4F0 #B9B4E8 #A7A4E1 #9696D9 #888DD2

#EDE6FF - #B9B4E8 - #888DD2

CSS codes

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

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