#AA69C2 - #FDBCC6 | 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 #AA69C2 to #FDBCC6

#AA69C2 #FDBCC6

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

#AA69C2 - #FDBCC6 | 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 #AA69C2 as 0% and #FDBCC6 as 100%.

0.0%	0.0% #AA69C2	RGB 170 105 194	#AA69C2
16.7%	16.7% #B776C2	RGB 183 118 194	#B776C2
33.3%	33.3% #C584C3	RGB 197 132 195	#C584C3
50.0%	50.0% #D392C4	RGB 211 146 196	#D392C4
66.7%	66.7% #E1A0C4	RGB 225 160 196	#E1A0C4
83.3%	83.3% #EFAEC5	RGB 239 174 197	#EFAEC5
100.0%	100.0% #FDBCC6	RGB 253 188 198	#FDBCC6

#AA69C2 #B776C2 #C584C3 #D392C4 #E1A0C4 #EFAEC5 #FDBCC6

#AA69C2 - #FDBCC6

HSV Blend

#AA69C2 - #FDBCC6 | 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 #AA69C2 as 0% and #FDBCC6 as 100%.

0.0%	0.0% #AA69C2	RGB 170 105 194	#AA69C2
16.7%	16.7% #C475CB	RGB 196 117 203	#C475CB
33.3%	33.3% #D582CD	RGB 213 130 205	#D582CD
50.0%	50.0% #DF8FC8	RGB 223 143 200	#DF8FC8
66.7%	66.7% #E99DC5	RGB 233 157 197	#E99DC5
83.3%	83.3% #F3ACC4	RGB 243 172 196	#F3ACC4
100.0%	100.0% #FDBCC6	RGB 253 188 198	#FDBCC6

#AA69C2 #C475CB #D582CD #DF8FC8 #E99DC5 #F3ACC4 #FDBCC6

#AA69C2 - #DF8FC8 - #FDBCC6

CSS codes

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

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