#E6DAEE - #BE8CCD | 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 #E6DAEE to #BE8CCD

#E6DAEE #BE8CCD

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

#E6DAEE - #BE8CCD | 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 #E6DAEE as 0% and #BE8CCD as 100%.

0.0%	0.0% #E6DAEE	RGB 230 218 238	#E6DAEE
16.7%	16.7% #DFCDE8	RGB 223 205 232	#DFCDE8
33.3%	33.3% #D8C0E3	RGB 216 192 227	#D8C0E3
50.0%	50.0% #D2B3DD	RGB 210 179 221	#D2B3DD
66.7%	66.7% #CBA6D8	RGB 203 166 216	#CBA6D8
83.3%	83.3% #C499D2	RGB 196 153 210	#C499D2
100.0%	100.0% #BE8CCD	RGB 190 140 205	#BE8CCD

#E6DAEE #DFCDE8 #D8C0E3 #D2B3DD #CBA6D8 #C499D2 #BE8CCD

#E6DAEE - #BE8CCD

HSV Blend

#E6DAEE - #BE8CCD | 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 #E6DAEE as 0% and #BE8CCD as 100%.

0.0%	0.0% #E6DAEE	RGB 230 218 238	#E6DAEE
16.7%	16.7% #DDCBE8	RGB 221 203 232	#DDCBE8
33.3%	33.3% #D6BEE3	RGB 214 190 227	#D6BEE3
50.0%	50.0% #CFB1DD	RGB 207 177 221	#CFB1DD
66.7%	66.7% #C9A4D8	RGB 201 164 216	#C9A4D8
83.3%	83.3% #C397D2	RGB 195 151 210	#C397D2
100.0%	100.0% #BE8CCD	RGB 190 140 205	#BE8CCD

#E6DAEE #DDCBE8 #D6BEE3 #CFB1DD #C9A4D8 #C397D2 #BE8CCD

#E6DAEE - #CFB1DD - #BE8CCD

CSS codes

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

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