#E5DFFB - #A187C7 | 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 #E5DFFB to #A187C7

#E5DFFB #A187C7

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

#E5DFFB - #A187C7 | 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 #E5DFFB as 0% and #A187C7 as 100%.

0.0%	0.0% #E5DFFB	RGB 229 223 251	#E5DFFB
16.7%	16.7% #D9D0F2	RGB 217 208 242	#D9D0F2
33.3%	33.3% #CEC1E9	RGB 206 193 233	#CEC1E9
50.0%	50.0% #C3B3E1	RGB 195 179 225	#C3B3E1
66.7%	66.7% #B7A4D8	RGB 183 164 216	#B7A4D8
83.3%	83.3% #AC95CF	RGB 172 149 207	#AC95CF
100.0%	100.0% #A187C7	RGB 161 135 199	#A187C7

#E5DFFB #D9D0F2 #CEC1E9 #C3B3E1 #B7A4D8 #AC95CF #A187C7

#E5DFFB - #A187C7

HSV Blend

#E5DFFB - #A187C7 | 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 #E5DFFB as 0% and #A187C7 as 100%.

0.0%	0.0% #E5DFFB	RGB 229 223 251	#E5DFFB
16.7%	16.7% #D7CEF2	RGB 215 206 242	#D7CEF2
33.3%	33.3% #CBBFE9	RGB 203 191 233	#CBBFE9
50.0%	50.0% #BFB0E1	RGB 191 176 225	#BFB0E1
66.7%	66.7% #B4A1D8	RGB 180 161 216	#B4A1D8
83.3%	83.3% #AA94CF	RGB 170 148 207	#AA94CF
100.0%	100.0% #A187C7	RGB 161 135 199	#A187C7

#E5DFFB #D7CEF2 #CBBFE9 #BFB0E1 #B4A1D8 #AA94CF #A187C7

#E5DFFB - #BFB0E1 - #A187C7

CSS codes

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

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