#AA41C7 - #F5A2D6 | 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 #AA41C7 to #F5A2D6

#AA41C7 #F5A2D6

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

#AA41C7 - #F5A2D6 | 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 #AA41C7 as 0% and #F5A2D6 as 100%.

0.0%	0.0% #AA41C7	RGB 170 65 199	#AA41C7
16.7%	16.7% #B651C9	RGB 182 81 201	#B651C9
33.3%	33.3% #C361CC	RGB 195 97 204	#C361CC
50.0%	50.0% #CF71CE	RGB 207 113 206	#CF71CE
66.7%	66.7% #DC81D1	RGB 220 129 209	#DC81D1
83.3%	83.3% #E891D3	RGB 232 145 211	#E891D3
100.0%	100.0% #F5A2D6	RGB 245 162 214	#F5A2D6

#AA41C7 #B651C9 #C361CC #CF71CE #DC81D1 #E891D3 #F5A2D6

#AA41C7 - #F5A2D6

HSV Blend

#AA41C7 - #F5A2D6 | 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 #AA41C7 as 0% and #F5A2D6 as 100%.

0.0%	0.0% #AA41C7	RGB 170 65 199	#AA41C7
16.7%	16.7% #BF4FCE	RGB 191 79 206	#BF4FCE
33.3%	33.3% #D35DD6	RGB 211 93 214	#D35DD6
50.0%	50.0% #DE6DD5	RGB 222 109 213	#DE6DD5
66.7%	66.7% #E57ED3	RGB 229 126 211	#E57ED3
83.3%	83.3% #ED8FD3	RGB 237 143 211	#ED8FD3
100.0%	100.0% #F5A2D6	RGB 245 162 214	#F5A2D6

#AA41C7 #BF4FCE #D35DD6 #DE6DD5 #E57ED3 #ED8FD3 #F5A2D6

#AA41C7 - #DE6DD5 - #F5A2D6

CSS codes

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

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