#E2D9EB - #A681B0 | 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 #E2D9EB to #A681B0

#E2D9EB #A681B0

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

#E2D9EB - #A681B0 | 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 #E2D9EB as 0% and #A681B0 as 100%.

0.0%	0.0% #E2D9EB	RGB 226 217 235	#E2D9EB
16.7%	16.7% #D8CAE1	RGB 216 202 225	#D8CAE1
33.3%	33.3% #CEBBD7	RGB 206 187 215	#CEBBD7
50.0%	50.0% #C4ADCD	RGB 196 173 205	#C4ADCD
66.7%	66.7% #BA9EC3	RGB 186 158 195	#BA9EC3
83.3%	83.3% #B08FB9	RGB 176 143 185	#B08FB9
100.0%	100.0% #A681B0	RGB 166 129 176	#A681B0

#E2D9EB #D8CAE1 #CEBBD7 #C4ADCD #BA9EC3 #B08FB9 #A681B0

#E2D9EB - #A681B0

HSV Blend

#E2D9EB - #A681B0 | 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 #E2D9EB as 0% and #A681B0 as 100%.

0.0%	0.0% #E2D9EB	RGB 226 217 235	#E2D9EB
16.7%	16.7% #D6C8E1	RGB 214 200 225	#D6C8E1
33.3%	33.3% #CBB9D7	RGB 203 185 215	#CBB9D7
50.0%	50.0% #C0AACD	RGB 192 170 205	#C0AACD
66.7%	66.7% #B79BC3	RGB 183 155 195	#B79BC3
83.3%	83.3% #AE8EB9	RGB 174 142 185	#AE8EB9
100.0%	100.0% #A681B0	RGB 166 129 176	#A681B0

#E2D9EB #D6C8E1 #CBB9D7 #C0AACD #B79BC3 #AE8EB9 #A681B0

#E2D9EB - #C0AACD - #A681B0

CSS codes

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

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