#AA94A7 - #FFB5D3 | 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 #AA94A7 to #FFB5D3

#AA94A7 #FFB5D3

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

#AA94A7 - #FFB5D3 | 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 #AA94A7 as 0% and #FFB5D3 as 100%.

0.0%	0.0% #AA94A7	RGB 170 148 167	#AA94A7
16.7%	16.7% #B899AE	RGB 184 153 174	#B899AE
33.3%	33.3% #C69FB5	RGB 198 159 181	#C69FB5
50.0%	50.0% #D4A4BD	RGB 212 164 189	#D4A4BD
66.7%	66.7% #E2AAC4	RGB 226 170 196	#E2AAC4
83.3%	83.3% #F0AFCB	RGB 240 175 203	#F0AFCB
100.0%	100.0% #FFB5D3	RGB 255 181 211	#FFB5D3

#AA94A7 #B899AE #C69FB5 #D4A4BD #E2AAC4 #F0AFCB #FFB5D3

#AA94A7 - #FFB5D3

HSV Blend

#AA94A7 - #FFB5D3 | 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 #AA94A7 as 0% and #FFB5D3 as 100%.

0.0%	0.0% #AA94A7	RGB 170 148 167	#AA94A7
16.7%	16.7% #B89BB2	RGB 184 155 178	#B89BB2
33.3%	33.3% #C6A2BB	RGB 198 162 187	#C6A2BB
50.0%	50.0% #D4A7C4	RGB 212 167 196	#D4A7C4
66.7%	66.7% #E2ADCA	RGB 226 173 202	#E2ADCA
83.3%	83.3% #F0B1CF	RGB 240 177 207	#F0B1CF
100.0%	100.0% #FFB5D3	RGB 255 181 211	#FFB5D3

#AA94A7 #B89BB2 #C6A2BB #D4A7C4 #E2ADCA #F0B1CF #FFB5D3

#AA94A7 - #D4A7C4 - #FFB5D3

CSS codes

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

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