#E998DD - #E2D0E3 | 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 #E998DD to #E2D0E3

#E998DD #E2D0E3

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

#E998DD - #E2D0E3 | 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 #E998DD as 0% and #E2D0E3 as 100%.

0.0%	0.0% #E998DD	RGB 233 152 221	#E998DD
16.7%	16.7% #E7A1DE	RGB 231 161 222	#E7A1DE
33.3%	33.3% #E6AADF	RGB 230 170 223	#E6AADF
50.0%	50.0% #E5B4E0	RGB 229 180 224	#E5B4E0
66.7%	66.7% #E4BDE1	RGB 228 189 225	#E4BDE1
83.3%	83.3% #E3C6E2	RGB 227 198 226	#E3C6E2
100.0%	100.0% #E2D0E3	RGB 226 208 227	#E2D0E3

#E998DD #E7A1DE #E6AADF #E5B4E0 #E4BDE1 #E3C6E2 #E2D0E3

#E998DD - #E2D0E3

HSV Blend

#E998DD - #E2D0E3 | 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 #E998DD as 0% and #E2D0E3 as 100%.

0.0%	0.0% #E998DD	RGB 233 152 221	#E998DD
16.7%	16.7% #E8A1DF	RGB 232 161 223	#E8A1DF
33.3%	33.3% #E7ABE2	RGB 231 171 226	#E7ABE2
50.0%	50.0% #E6B4E3	RGB 230 180 227	#E6B4E3
66.7%	66.7% #E5BDE4	RGB 229 189 228	#E5BDE4
83.3%	83.3% #E3C6E4	RGB 227 198 228	#E3C6E4
100.0%	100.0% #E2D0E3	RGB 226 208 227	#E2D0E3

#E998DD #E8A1DF #E7ABE2 #E6B4E3 #E5BDE4 #E3C6E4 #E2D0E3

#E998DD - #E6B4E3 - #E2D0E3

CSS codes

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

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