#A49CDB - #FFDCD7 | 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 #A49CDB to #FFDCD7

#A49CDB #FFDCD7

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

#A49CDB - #FFDCD7 | 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 #A49CDB as 0% and #FFDCD7 as 100%.

0.0%	0.0% #A49CDB	RGB 164 156 219	#A49CDB
16.7%	16.7% #B3A6DA	RGB 179 166 218	#B3A6DA
33.3%	33.3% #C2B1D9	RGB 194 177 217	#C2B1D9
50.0%	50.0% #D1BCD9	RGB 209 188 217	#D1BCD9
66.7%	66.7% #E0C6D8	RGB 224 198 216	#E0C6D8
83.3%	83.3% #EFD1D7	RGB 239 209 215	#EFD1D7
100.0%	100.0% #FFDCD7	RGB 255 220 215	#FFDCD7

#A49CDB #B3A6DA #C2B1D9 #D1BCD9 #E0C6D8 #EFD1D7 #FFDCD7

#A49CDB - #FFDCD7

HSV Blend

#A49CDB - #FFDCD7 | 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 #A49CDB as 0% and #FFDCD7 as 100%.

0.0%	0.0% #A49CDB	RGB 164 156 219	#A49CDB
16.7%	16.7% #C0A5E1	RGB 192 165 225	#C0A5E1
33.3%	33.3% #DBAEE7	RGB 219 174 231	#DBAEE7
50.0%	50.0% #EDB8E6	RGB 237 184 230	#EDB8E6
66.7%	66.7% #F3C2DC	RGB 243 194 220	#F3C2DC
83.3%	83.3% #F9CCD5	RGB 249 204 213	#F9CCD5
100.0%	100.0% #FFDCD7	RGB 255 220 215	#FFDCD7

#A49CDB #C0A5E1 #DBAEE7 #EDB8E6 #F3C2DC #F9CCD5 #FFDCD7

#A49CDB - #EDB8E6 - #FFDCD7

CSS codes

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

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