#E2D5E4 - #A67EA1 | 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 #E2D5E4 to #A67EA1

#E2D5E4 #A67EA1

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

#E2D5E4 - #A67EA1 | 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 #E2D5E4 as 0% and #A67EA1 as 100%.

0.0%	0.0% #E2D5E4	RGB 226 213 228	#E2D5E4
16.7%	16.7% #D8C6D8	RGB 216 198 216	#D8C6D8
33.3%	33.3% #CEB8CD	RGB 206 184 205	#CEB8CD
50.0%	50.0% #C4A9C2	RGB 196 169 194	#C4A9C2
66.7%	66.7% #BA9BB7	RGB 186 155 183	#BA9BB7
83.3%	83.3% #B08CAC	RGB 176 140 172	#B08CAC
100.0%	100.0% #A67EA1	RGB 166 126 161	#A67EA1

#E2D5E4 #D8C6D8 #CEB8CD #C4A9C2 #BA9BB7 #B08CAC #A67EA1

#E2D5E4 - #A67EA1

HSV Blend

#E2D5E4 - #A67EA1 | 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 #E2D5E4 as 0% and #A67EA1 as 100%.

0.0%	0.0% #E2D5E4	RGB 226 213 228	#E2D5E4
16.7%	16.7% #D7C4D9	RGB 215 196 217	#D7C4D9
33.3%	33.3% #CEB5CF	RGB 206 181 207	#CEB5CF
50.0%	50.0% #C4A6C5	RGB 196 166 197	#C4A6C5
66.7%	66.7% #BA98B9	RGB 186 152 185	#BA98B9
83.3%	83.3% #B08AAD	RGB 176 138 173	#B08AAD
100.0%	100.0% #A67EA1	RGB 166 126 161	#A67EA1

#E2D5E4 #D7C4D9 #CEB5CF #C4A6C5 #BA98B9 #B08AAD #A67EA1

#E2D5E4 - #C4A6C5 - #A67EA1

CSS codes

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

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