#E2DFEC - #828DB6 | 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 #E2DFEC to #828DB6

#E2DFEC #828DB6

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

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

0.0%	0.0% #E2DFEC	RGB 226 223 236	#E2DFEC
16.7%	16.7% #D2D1E3	RGB 210 209 227	#D2D1E3
33.3%	33.3% #C2C3DA	RGB 194 195 218	#C2C3DA
50.0%	50.0% #B2B6D1	RGB 178 182 209	#B2B6D1
66.7%	66.7% #A2A8C8	RGB 162 168 200	#A2A8C8
83.3%	83.3% #929ABF	RGB 146 154 191	#929ABF
100.0%	100.0% #828DB6	RGB 130 141 182	#828DB6

#E2DFEC #D2D1E3 #C2C3DA #B2B6D1 #A2A8C8 #929ABF #828DB6

#E2DFEC - #828DB6

HSV Blend

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

0.0%	0.0% #E2DFEC	RGB 226 223 236	#E2DFEC
16.7%	16.7% #D1CDE3	RGB 209 205 227	#D1CDE3
33.3%	33.3% #BFBDDA	RGB 191 189 218	#BFBDDA
50.0%	50.0% #ADADD1	RGB 173 173 209	#ADADD1
66.7%	66.7% #9EA0C8	RGB 158 160 200	#9EA0C8
83.3%	83.3% #8F96BF	RGB 143 150 191	#8F96BF
100.0%	100.0% #828DB6	RGB 130 141 182	#828DB6

#E2DFEC #D1CDE3 #BFBDDA #ADADD1 #9EA0C8 #8F96BF #828DB6

#E2DFEC - #ADADD1 - #828DB6

CSS codes

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

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