#E4DDFB - #7E80CD | 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 #E4DDFB to #7E80CD

#E4DDFB #7E80CD

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

#E4DDFB - #7E80CD | 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 #E4DDFB as 0% and #7E80CD as 100%.

0.0%	0.0% #E4DDFB	RGB 228 221 251	#E4DDFB
16.7%	16.7% #D3CDF3	RGB 211 205 243	#D3CDF3
33.3%	33.3% #C2BEEB	RGB 194 190 235	#C2BEEB
50.0%	50.0% #B1AEE4	RGB 177 174 228	#B1AEE4
66.7%	66.7% #A09FDC	RGB 160 159 220	#A09FDC
83.3%	83.3% #8F8FD4	RGB 143 143 212	#8F8FD4
100.0%	100.0% #7E80CD	RGB 126 128 205	#7E80CD

#E4DDFB #D3CDF3 #C2BEEB #B1AEE4 #A09FDC #8F8FD4 #7E80CD

#E4DDFB - #7E80CD

HSV Blend

#E4DDFB - #7E80CD | 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 #E4DDFB as 0% and #7E80CD as 100%.

0.0%	0.0% #E4DDFB	RGB 228 221 251	#E4DDFB
16.7%	16.7% #D3CBF3	RGB 211 203 243	#D3CBF3
33.3%	33.3% #C1BAEB	RGB 193 186 235	#C1BAEB
50.0%	50.0% #B0AAE4	RGB 176 170 228	#B0AAE4
66.7%	66.7% #9E9ADC	RGB 158 154 220	#9E9ADC
83.3%	83.3% #8D8CD4	RGB 141 140 212	#8D8CD4
100.0%	100.0% #7E80CD	RGB 126 128 205	#7E80CD

#E4DDFB #D3CBF3 #C1BAEB #B0AAE4 #9E9ADC #8D8CD4 #7E80CD

#E4DDFB - #B0AAE4 - #7E80CD

CSS codes

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

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