#AA8BA7 - #FFD6C4 | 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 #AA8BA7 to #FFD6C4

#AA8BA7 #FFD6C4

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

#AA8BA7 - #FFD6C4 | 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 #AA8BA7 as 0% and #FFD6C4 as 100%.

0.0%	0.0% #AA8BA7	RGB 170 139 167	#AA8BA7
16.7%	16.7% #B897AB	RGB 184 151 171	#B897AB
33.3%	33.3% #C6A4B0	RGB 198 164 176	#C6A4B0
50.0%	50.0% #D4B0B5	RGB 212 176 181	#D4B0B5
66.7%	66.7% #E2BDBA	RGB 226 189 186	#E2BDBA
83.3%	83.3% #F0C9BF	RGB 240 201 191	#F0C9BF
100.0%	100.0% #FFD6C4	RGB 255 214 196	#FFD6C4

#AA8BA7 #B897AB #C6A4B0 #D4B0B5 #E2BDBA #F0C9BF #FFD6C4

#AA8BA7 - #FFD6C4

HSV Blend

#AA8BA7 - #FFD6C4 | 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 #AA8BA7 as 0% and #FFD6C4 as 100%.

0.0%	0.0% #AA8BA7	RGB 170 139 167	#AA8BA7
16.7%	16.7% #B895AD	RGB 184 149 173	#B895AD
33.3%	33.3% #C69EB2	RGB 198 158 178	#C69EB2
50.0%	50.0% #D4A8B5	RGB 212 168 181	#D4A8B5
66.7%	66.7% #E2B1B6	RGB 226 177 182	#E2B1B6
83.3%	83.3% #F0C0BB	RGB 240 192 187	#F0C0BB
100.0%	100.0% #FFD6C4	RGB 255 214 196	#FFD6C4

#AA8BA7 #B895AD #C69EB2 #D4A8B5 #E2B1B6 #F0C0BB #FFD6C4

#AA8BA7 - #D4A8B5 - #FFD6C4

CSS codes

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

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