#F5E5F9 - #AC98C2 | 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 #F5E5F9 to #AC98C2

#F5E5F9 #AC98C2

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

#F5E5F9 - #AC98C2 | 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 #F5E5F9 as 0% and #AC98C2 as 100%.

0.0%	0.0% #F5E5F9	RGB 245 229 249	#F5E5F9
16.7%	16.7% #E8D8EF	RGB 232 216 239	#E8D8EF
33.3%	33.3% #DCCBE6	RGB 220 203 230	#DCCBE6
50.0%	50.0% #D0BEDD	RGB 208 190 221	#D0BEDD
66.7%	66.7% #C4B1D4	RGB 196 177 212	#C4B1D4
83.3%	83.3% #B8A4CB	RGB 184 164 203	#B8A4CB
100.0%	100.0% #AC98C2	RGB 172 152 194	#AC98C2

#F5E5F9 #E8D8EF #DCCBE6 #D0BEDD #C4B1D4 #B8A4CB #AC98C2

#F5E5F9 - #AC98C2

HSV Blend

#F5E5F9 - #AC98C2 | 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 #F5E5F9 as 0% and #AC98C2 as 100%.

0.0%	0.0% #F5E5F9	RGB 245 229 249	#F5E5F9
16.7%	16.7% #E9D7EF	RGB 233 215 239	#E9D7EF
33.3%	33.3% #DDC9E6	RGB 221 201 230	#DDC9E6
50.0%	50.0% #D1BCDD	RGB 209 188 221	#D1BCDD
66.7%	66.7% #C5B0D4	RGB 197 176 212	#C5B0D4
83.3%	83.3% #B8A3CB	RGB 184 163 203	#B8A3CB
100.0%	100.0% #AC98C2	RGB 172 152 194	#AC98C2

#F5E5F9 #E9D7EF #DDC9E6 #D1BCDD #C5B0D4 #B8A3CB #AC98C2

#F5E5F9 - #D1BCDD - #AC98C2

CSS codes

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

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