#AA9FD6 - #FFDED3 | 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 #AA9FD6 to #FFDED3

#AA9FD6 #FFDED3

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

#AA9FD6 - #FFDED3 | 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 #AA9FD6 as 0% and #FFDED3 as 100%.

0.0%	0.0% #AA9FD6	RGB 170 159 214	#AA9FD6
16.7%	16.7% #B8A9D5	RGB 184 169 213	#B8A9D5
33.3%	33.3% #C6B4D5	RGB 198 180 213	#C6B4D5
50.0%	50.0% #D4BED4	RGB 212 190 212	#D4BED4
66.7%	66.7% #E2C9D4	RGB 226 201 212	#E2C9D4
83.3%	83.3% #F0D3D3	RGB 240 211 211	#F0D3D3
100.0%	100.0% #FFDED3	RGB 255 222 211	#FFDED3

#AA9FD6 #B8A9D5 #C6B4D5 #D4BED4 #E2C9D4 #F0D3D3 #FFDED3

#AA9FD6 - #FFDED3

HSV Blend

#AA9FD6 - #FFDED3 | 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 #AA9FD6 as 0% and #FFDED3 as 100%.

0.0%	0.0% #AA9FD6	RGB 170 159 214	#AA9FD6
16.7%	16.7% #C4A7DC	RGB 196 167 220	#C4A7DC
33.3%	33.3% #DDAFE3	RGB 221 175 227	#DDAFE3
50.0%	50.0% #EAB8DF	RGB 234 184 223	#EAB8DF
66.7%	66.7% #F1C0D5	RGB 241 192 213	#F1C0D5
83.3%	83.3% #F8C9CE	RGB 248 201 206	#F8C9CE
100.0%	100.0% #FFDED3	RGB 255 222 211	#FFDED3

#AA9FD6 #C4A7DC #DDAFE3 #EAB8DF #F1C0D5 #F8C9CE #FFDED3

#AA9FD6 - #EAB8DF - #FFDED3

CSS codes

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

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