#9E6DA2 - #E2D5E4 | 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 #9E6DA2 to #E2D5E4

#9E6DA2 #E2D5E4

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

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

0.0%	0.0% #9E6DA2	RGB 158 109 162	#9E6DA2
16.7%	16.7% #A97EAD	RGB 169 126 173	#A97EAD
33.3%	33.3% #B48FB8	RGB 180 143 184	#B48FB8
50.0%	50.0% #C0A1C3	RGB 192 161 195	#C0A1C3
66.7%	66.7% #CBB2CE	RGB 203 178 206	#CBB2CE
83.3%	83.3% #D6C3D9	RGB 214 195 217	#D6C3D9
100.0%	100.0% #E2D5E4	RGB 226 213 228	#E2D5E4

#9E6DA2 #A97EAD #B48FB8 #C0A1C3 #CBB2CE #D6C3D9 #E2D5E4

#9E6DA2 - #E2D5E4

HSV Blend

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

0.0%	0.0% #9E6DA2	RGB 158 109 162	#9E6DA2
16.7%	16.7% #A87BAD	RGB 168 123 173	#A87BAD
33.3%	33.3% #B38BB8	RGB 179 139 184	#B38BB8
50.0%	50.0% #BF9CC3	RGB 191 156 195	#BF9CC3
66.7%	66.7% #CAAECE	RGB 202 174 206	#CAAECE
83.3%	83.3% #D6C1D9	RGB 214 193 217	#D6C1D9
100.0%	100.0% #E2D5E4	RGB 226 213 228	#E2D5E4

#9E6DA2 #A87BAD #B38BB8 #BF9CC3 #CAAECE #D6C1D9 #E2D5E4

#9E6DA2 - #BF9CC3 - #E2D5E4

CSS codes

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

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