#AA8DBD - #FFD0BC | 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 #AA8DBD to #FFD0BC

#AA8DBD #FFD0BC

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

#AA8DBD - #FFD0BC | 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 #AA8DBD as 0% and #FFD0BC as 100%.

0.0%	0.0% #AA8DBD	RGB 170 141 189	#AA8DBD
16.7%	16.7% #B898BC	RGB 184 152 188	#B898BC
33.3%	33.3% #C6A3BC	RGB 198 163 188	#C6A3BC
50.0%	50.0% #D4AEBC	RGB 212 174 188	#D4AEBC
66.7%	66.7% #E2B9BC	RGB 226 185 188	#E2B9BC
83.3%	83.3% #F0C4BC	RGB 240 196 188	#F0C4BC
100.0%	100.0% #FFD0BC	RGB 255 208 188	#FFD0BC

#AA8DBD #B898BC #C6A3BC #D4AEBC #E2B9BC #F0C4BC #FFD0BC

#AA8DBD - #FFD0BC

HSV Blend

#AA8DBD - #FFD0BC | 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 #AA8DBD as 0% and #FFD0BC as 100%.

0.0%	0.0% #AA8DBD	RGB 170 141 189	#AA8DBD
16.7%	16.7% #C294C8	RGB 194 148 200	#C294C8
33.3%	33.3% #D39CC9	RGB 211 156 201	#D39CC9
50.0%	50.0% #DEA4C4	RGB 222 164 196	#DEA4C4
66.7%	66.7% #E9ACBC	RGB 233 172 188	#E9ACBC
83.3%	83.3% #F4B5B4	RGB 244 181 180	#F4B5B4
100.0%	100.0% #FFD0BC	RGB 255 208 188	#FFD0BC

#AA8DBD #C294C8 #D39CC9 #DEA4C4 #E9ACBC #F4B5B4 #FFD0BC

#AA8DBD - #DEA4C4 - #FFD0BC

CSS codes

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

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