#E1DFEC - #828FB6 | 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 #E1DFEC to #828FB6

#E1DFEC #828FB6

Calculate the color between two colors, #E1DFEC and #828FB6. 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)

#E1DFEC - #828FB6 | 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 #E1DFEC as 0% and #828FB6 as 100%.

0.0%	0.0% #E1DFEC	RGB 225 223 236	#E1DFEC
16.7%	16.7% #D1D1E3	RGB 209 209 227	#D1D1E3
33.3%	33.3% #C1C4DA	RGB 193 196 218	#C1C4DA
50.0%	50.0% #B1B7D1	RGB 177 183 209	#B1B7D1
66.7%	66.7% #A1A9C8	RGB 161 169 200	#A1A9C8
83.3%	83.3% #919CBF	RGB 145 156 191	#919CBF
100.0%	100.0% #828FB6	RGB 130 143 182	#828FB6

#E1DFEC #D1D1E3 #C1C4DA #B1B7D1 #A1A9C8 #919CBF #828FB6

#E1DFEC - #828FB6

HSV Blend

#E1DFEC - #828FB6 | 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 #E1DFEC as 0% and #828FB6 as 100%.

0.0%	0.0% #E1DFEC	RGB 225 223 236	#E1DFEC
16.7%	16.7% #CFCDE3	RGB 207 205 227	#CFCDE3
33.3%	33.3% #BDBDDA	RGB 189 189 218	#BDBDDA
50.0%	50.0% #ADAFD1	RGB 173 175 209	#ADAFD1
66.7%	66.7% #9EA3C8	RGB 158 163 200	#9EA3C8
83.3%	83.3% #8F98BF	RGB 143 152 191	#8F98BF
100.0%	100.0% #828FB6	RGB 130 143 182	#828FB6

#E1DFEC #CFCDE3 #BDBDDA #ADAFD1 #9EA3C8 #8F98BF #828FB6

#E1DFEC - #ADAFD1 - #828FB6

CSS codes

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

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