#AA1DA7 - #F085DA | 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 #AA1DA7 to #F085DA

#AA1DA7 #F085DA

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

#AA1DA7 - #F085DA | 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 #AA1DA7 as 0% and #F085DA as 100%.

0.0%	0.0% #AA1DA7	RGB 170 29 167	#AA1DA7
16.7%	16.7% #B52EAF	RGB 181 46 175	#B52EAF
33.3%	33.3% #C13FB8	RGB 193 63 184	#C13FB8
50.0%	50.0% #CD51C0	RGB 205 81 192	#CD51C0
66.7%	66.7% #D862C9	RGB 216 98 201	#D862C9
83.3%	83.3% #E473D1	RGB 228 115 209	#E473D1
100.0%	100.0% #F085DA	RGB 240 133 218	#F085DA

#AA1DA7 #B52EAF #C13FB8 #CD51C0 #D862C9 #E473D1 #F085DA

#AA1DA7 - #F085DA

HSV Blend

#AA1DA7 - #F085DA | 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 #AA1DA7 as 0% and #F085DA as 100%.

0.0%	0.0% #AA1DA7	RGB 170 29 167	#AA1DA7
16.7%	16.7% #B52AAE	RGB 181 42 174	#B52AAE
33.3%	33.3% #C139B6	RGB 193 57 182	#C139B6
50.0%	50.0% #CD4ABE	RGB 205 74 190	#CD4ABE
66.7%	66.7% #D85CC6	RGB 216 92 198	#D85CC6
83.3%	83.3% #E46FCF	RGB 228 111 207	#E46FCF
100.0%	100.0% #F085DA	RGB 240 133 218	#F085DA

#AA1DA7 #B52AAE #C139B6 #CD4ABE #D85CC6 #E46FCF #F085DA

#AA1DA7 - #CD4ABE - #F085DA

CSS codes

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

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