#A997A8 - #FFDCC5 | 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 #A997A8 to #FFDCC5

#A997A8 #FFDCC5

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

#A997A8 - #FFDCC5 | 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 #A997A8 as 0% and #FFDCC5 as 100%.

0.0%	0.0% #A997A8	RGB 169 151 168	#A997A8
16.7%	16.7% #B7A2AC	RGB 183 162 172	#B7A2AC
33.3%	33.3% #C5AEB1	RGB 197 174 177	#C5AEB1
50.0%	50.0% #D4B9B6	RGB 212 185 182	#D4B9B6
66.7%	66.7% #E2C5BB	RGB 226 197 187	#E2C5BB
83.3%	83.3% #F0D0C0	RGB 240 208 192	#F0D0C0
100.0%	100.0% #FFDCC5	RGB 255 220 197	#FFDCC5

#A997A8 #B7A2AC #C5AEB1 #D4B9B6 #E2C5BB #F0D0C0 #FFDCC5

#A997A8 - #FFDCC5

HSV Blend

#A997A8 - #FFDCC5 | 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 #A997A8 as 0% and #FFDCC5 as 100%.

0.0%	0.0% #A997A8	RGB 169 151 168	#A997A8
16.7%	16.7% #B7A0B0	RGB 183 160 176	#B7A0B0
33.3%	33.3% #C5A8B7	RGB 197 168 183	#C5A8B7
50.0%	50.0% #D4B0BA	RGB 212 176 186	#D4B0BA
66.7%	66.7% #E2B7BA	RGB 226 183 186	#E2B7BA
83.3%	83.3% #F0C7BE	RGB 240 199 190	#F0C7BE
100.0%	100.0% #FFDCC5	RGB 255 220 197	#FFDCC5

#A997A8 #B7A0B0 #C5A8B7 #D4B0BA #E2B7BA #F0C7BE #FFDCC5

#A997A8 - #D4B0BA - #FFDCC5

CSS codes

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

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