#9E6BA0 - #E2D4E3 | 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 #9E6BA0 to #E2D4E3

#9E6BA0 #E2D4E3

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

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

0.0%	0.0% #9E6BA0	RGB 158 107 160	#9E6BA0
16.7%	16.7% #A97CAB	RGB 169 124 171	#A97CAB
33.3%	33.3% #B48EB6	RGB 180 142 182	#B48EB6
50.0%	50.0% #C09FC1	RGB 192 159 193	#C09FC1
66.7%	66.7% #CBB1CC	RGB 203 177 204	#CBB1CC
83.3%	83.3% #D6C2D7	RGB 214 194 215	#D6C2D7
100.0%	100.0% #E2D4E3	RGB 226 212 227	#E2D4E3

#9E6BA0 #A97CAB #B48EB6 #C09FC1 #CBB1CC #D6C2D7 #E2D4E3

#9E6BA0 - #E2D4E3

HSV Blend

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

0.0%	0.0% #9E6BA0	RGB 158 107 160	#9E6BA0
16.7%	16.7% #A97AAB	RGB 169 122 171	#A97AAB
33.3%	33.3% #B48AB6	RGB 180 138 182	#B48AB6
50.0%	50.0% #BF9BC1	RGB 191 155 193	#BF9BC1
66.7%	66.7% #CAADCC	RGB 202 173 204	#CAADCC
83.3%	83.3% #D6C0D7	RGB 214 192 215	#D6C0D7
100.0%	100.0% #E2D4E3	RGB 226 212 227	#E2D4E3

#9E6BA0 #A97AAB #B48AB6 #BF9BC1 #CAADCC #D6C0D7 #E2D4E3

#9E6BA0 - #BF9BC1 - #E2D4E3

CSS codes

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

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