#AA3AC1 - #F69BD1 | 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 #AA3AC1 to #F69BD1

#AA3AC1 #F69BD1

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

#AA3AC1 - #F69BD1 | 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 #AA3AC1 as 0% and #F69BD1 as 100%.

0.0%	0.0% #AA3AC1	RGB 170 58 193	#AA3AC1
16.7%	16.7% #B64AC3	RGB 182 74 195	#B64AC3
33.3%	33.3% #C35AC6	RGB 195 90 198	#C35AC6
50.0%	50.0% #D06AC9	RGB 208 106 201	#D06AC9
66.7%	66.7% #DC7ACB	RGB 220 122 203	#DC7ACB
83.3%	83.3% #E98ACE	RGB 233 138 206	#E98ACE
100.0%	100.0% #F69BD1	RGB 246 155 209	#F69BD1

#AA3AC1 #B64AC3 #C35AC6 #D06AC9 #DC7ACB #E98ACE #F69BD1

#AA3AC1 - #F69BD1

HSV Blend

#AA3AC1 - #F69BD1 | 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 #AA3AC1 as 0% and #F69BD1 as 100%.

0.0%	0.0% #AA3AC1	RGB 170 58 193	#AA3AC1
16.7%	16.7% #C047C9	RGB 192 71 201	#C047C9
33.3%	33.3% #D256CF	RGB 210 86 207	#D256CF
50.0%	50.0% #DB66CD	RGB 219 102 205	#DB66CD
66.7%	66.7% #E476CC	RGB 228 118 204	#E476CC
83.3%	83.3% #ED88CD	RGB 237 136 205	#ED88CD
100.0%	100.0% #F69BD1	RGB 246 155 209	#F69BD1

#AA3AC1 #C047C9 #D256CF #DB66CD #E476CC #ED88CD #F69BD1

#AA3AC1 - #DB66CD - #F69BD1

CSS codes

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

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