#996D9C - #E1D5E2 | 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 #996D9C to #E1D5E2

#996D9C #E1D5E2

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

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

0.0%	0.0% #996D9C	RGB 153 109 156	#996D9C
16.7%	16.7% #A57EA7	RGB 165 126 167	#A57EA7
33.3%	33.3% #B18FB3	RGB 177 143 179	#B18FB3
50.0%	50.0% #BDA1BF	RGB 189 161 191	#BDA1BF
66.7%	66.7% #C9B2CA	RGB 201 178 202	#C9B2CA
83.3%	83.3% #D5C3D6	RGB 213 195 214	#D5C3D6
100.0%	100.0% #E1D5E2	RGB 225 213 226	#E1D5E2

#996D9C #A57EA7 #B18FB3 #BDA1BF #C9B2CA #D5C3D6 #E1D5E2

#996D9C - #E1D5E2

HSV Blend

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

0.0%	0.0% #996D9C	RGB 153 109 156	#996D9C
16.7%	16.7% #A47BA7	RGB 164 123 167	#A47BA7
33.3%	33.3% #B08BB3	RGB 176 139 179	#B08BB3
50.0%	50.0% #BC9CBF	RGB 188 156 191	#BC9CBF
66.7%	66.7% #C8AECA	RGB 200 174 202	#C8AECA
83.3%	83.3% #D4C1D6	RGB 212 193 214	#D4C1D6
100.0%	100.0% #E1D5E2	RGB 225 213 226	#E1D5E2

#996D9C #A47BA7 #B08BB3 #BC9CBF #C8AECA #D4C1D6 #E1D5E2

#996D9C - #BC9CBF - #E1D5E2

CSS codes

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

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