#AA8BA1 - #FFD4BC | 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 #AA8BA1 to #FFD4BC

#AA8BA1 #FFD4BC

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

#AA8BA1 - #FFD4BC | 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 #AA8BA1 as 0% and #FFD4BC as 100%.

0.0%	0.0% #AA8BA1	RGB 170 139 161	#AA8BA1
16.7%	16.7% #B897A5	RGB 184 151 165	#B897A5
33.3%	33.3% #C6A3AA	RGB 198 163 170	#C6A3AA
50.0%	50.0% #D4AFAE	RGB 212 175 174	#D4AFAE
66.7%	66.7% #E2BBB3	RGB 226 187 179	#E2BBB3
83.3%	83.3% #F0C7B7	RGB 240 199 183	#F0C7B7
100.0%	100.0% #FFD4BC	RGB 255 212 188	#FFD4BC

#AA8BA1 #B897A5 #C6A3AA #D4AFAE #E2BBB3 #F0C7B7 #FFD4BC

#AA8BA1 - #FFD4BC

HSV Blend

#AA8BA1 - #FFD4BC | 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 #AA8BA1 as 0% and #FFD4BC as 100%.

0.0%	0.0% #AA8BA1	RGB 170 139 161	#AA8BA1
16.7%	16.7% #B894A7	RGB 184 148 167	#B894A7
33.3%	33.3% #C69CAB	RGB 198 156 171	#C69CAB
50.0%	50.0% #D4A5AD	RGB 212 165 173	#D4A5AD
66.7%	66.7% #E2ADAD	RGB 226 173 173	#E2ADAD
83.3%	83.3% #F0BFB4	RGB 240 191 180	#F0BFB4
100.0%	100.0% #FFD4BC	RGB 255 212 188	#FFD4BC

#AA8BA1 #B894A7 #C69CAB #D4A5AD #E2ADAD #F0BFB4 #FFD4BC

#AA8BA1 - #D4A5AD - #FFD4BC

CSS codes

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

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