#AC9FBE - #FFD9BC | 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 #AC9FBE to #FFD9BC

#AC9FBE #FFD9BC

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

#AC9FBE - #FFD9BC | 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 #AC9FBE as 0% and #FFD9BC as 100%.

0.0%	0.0% #AC9FBE	RGB 172 159 190	#AC9FBE
16.7%	16.7% #B9A8BD	RGB 185 168 189	#B9A8BD
33.3%	33.3% #C7B2BD	RGB 199 178 189	#C7B2BD
50.0%	50.0% #D5BCBD	RGB 213 188 189	#D5BCBD
66.7%	66.7% #E3C5BC	RGB 227 197 188	#E3C5BC
83.3%	83.3% #F1CFBC	RGB 241 207 188	#F1CFBC
100.0%	100.0% #FFD9BC	RGB 255 217 188	#FFD9BC

#AC9FBE #B9A8BD #C7B2BD #D5BCBD #E3C5BC #F1CFBC #FFD9BC

#AC9FBE - #FFD9BC

HSV Blend

#AC9FBE - #FFD9BC | 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 #AC9FBE as 0% and #FFD9BC as 100%.

0.0%	0.0% #AC9FBE	RGB 172 159 190	#AC9FBE
16.7%	16.7% #BFA4C8	RGB 191 164 200	#BFA4C8
33.3%	33.3% #D3AACF	RGB 211 170 207	#D3AACF
50.0%	50.0% #DEAFCA	RGB 222 175 202	#DEAFCA
66.7%	66.7% #E9B3C0	RGB 233 179 192	#E9B3C0
83.3%	83.3% #F4BDB8	RGB 244 189 184	#F4BDB8
100.0%	100.0% #FFD9BC	RGB 255 217 188	#FFD9BC

#AC9FBE #BFA4C8 #D3AACF #DEAFCA #E9B3C0 #F4BDB8 #FFD9BC

#AC9FBE - #DEAFCA - #FFD9BC

CSS codes

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

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