#996FAA - #E1D5E6 | 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 #996FAA to #E1D5E6

#996FAA #E1D5E6

Calculate the color between two colors, #996FAA and #E1D5E6. 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)

#996FAA - #E1D5E6 | 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 #996FAA as 0% and #E1D5E6 as 100%.

0.0%	0.0% #996FAA	RGB 153 111 170	#996FAA
16.7%	16.7% #A580B4	RGB 165 128 180	#A580B4
33.3%	33.3% #B191BE	RGB 177 145 190	#B191BE
50.0%	50.0% #BDA2C8	RGB 189 162 200	#BDA2C8
66.7%	66.7% #C9B3D2	RGB 201 179 210	#C9B3D2
83.3%	83.3% #D5C4DC	RGB 213 196 220	#D5C4DC
100.0%	100.0% #E1D5E6	RGB 225 213 230	#E1D5E6

#996FAA #A580B4 #B191BE #BDA2C8 #C9B3D2 #D5C4DC #E1D5E6

#996FAA - #E1D5E6

HSV Blend

#996FAA - #E1D5E6 | 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 #996FAA as 0% and #E1D5E6 as 100%.

0.0%	0.0% #996FAA	RGB 153 111 170	#996FAA
16.7%	16.7% #A47DB4	RGB 164 125 180	#A47DB4
33.3%	33.3% #AF8DBE	RGB 175 141 190	#AF8DBE
50.0%	50.0% #BB9DC8	RGB 187 157 200	#BB9DC8
66.7%	66.7% #C7AFD2	RGB 199 175 210	#C7AFD2
83.3%	83.3% #D4C1DC	RGB 212 193 220	#D4C1DC
100.0%	100.0% #E1D5E6	RGB 225 213 230	#E1D5E6

#996FAA #A47DB4 #AF8DBE #BB9DC8 #C7AFD2 #D4C1DC #E1D5E6

#996FAA - #BB9DC8 - #E1D5E6

CSS codes

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

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