#E2D8F5 - #DFDFF1 | 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 #E2D8F5 to #DFDFF1

#E2D8F5 #DFDFF1

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

#E2D8F5 - #DFDFF1 | 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 #E2D8F5 as 0% and #DFDFF1 as 100%.

0.0%	0.0% #E2D8F5	RGB 226 216 245	#E2D8F5
16.7%	16.7% #E1D9F4	RGB 225 217 244	#E1D9F4
33.3%	33.3% #E1DAF3	RGB 225 218 243	#E1DAF3
50.0%	50.0% #E0DBF3	RGB 224 219 243	#E0DBF3
66.7%	66.7% #E0DCF2	RGB 224 220 242	#E0DCF2
83.3%	83.3% #DFDDF1	RGB 223 221 241	#DFDDF1
100.0%	100.0% #DFDFF1	RGB 223 223 241	#DFDFF1

#E2D8F5 #E1D9F4 #E1DAF3 #E0DBF3 #E0DCF2 #DFDDF1 #DFDFF1

#E2D8F5 - #DFDFF1

HSV Blend

#E2D8F5 - #DFDFF1 | 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 #E2D8F5 as 0% and #DFDFF1 as 100%.

0.0%	0.0% #E2D8F5	RGB 226 216 245	#E2D8F5
16.7%	16.7% #E0D9F4	RGB 224 217 244	#E0D9F4
33.3%	33.3% #E0DAF3	RGB 224 218 243	#E0DAF3
50.0%	50.0% #DFDBF3	RGB 223 219 243	#DFDBF3
66.7%	66.7% #DFDCF2	RGB 223 220 242	#DFDCF2
83.3%	83.3% #DEDDF1	RGB 222 221 241	#DEDDF1
100.0%	100.0% #DFDFF1	RGB 223 223 241	#DFDFF1

#E2D8F5 #E0D9F4 #E0DAF3 #DFDBF3 #DFDCF2 #DEDDF1 #DFDFF1

#E2D8F5 - #DFDBF3 - #DFDFF1

CSS codes

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

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