#ABA9C0 - #FFDFC1 | 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 #ABA9C0 to #FFDFC1

#ABA9C0 #FFDFC1

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

#ABA9C0 - #FFDFC1 | 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 #ABA9C0 as 0% and #FFDFC1 as 100%.

0.0%	0.0% #ABA9C0	RGB 171 169 192	#ABA9C0
16.7%	16.7% #B9B2C0	RGB 185 178 192	#B9B2C0
33.3%	33.3% #C7BBC0	RGB 199 187 192	#C7BBC0
50.0%	50.0% #D5C4C0	RGB 213 196 192	#D5C4C0
66.7%	66.7% #E3CDC0	RGB 227 205 192	#E3CDC0
83.3%	83.3% #F1D6C0	RGB 241 214 192	#F1D6C0
100.0%	100.0% #FFDFC1	RGB 255 223 193	#FFDFC1

#ABA9C0 #B9B2C0 #C7BBC0 #D5C4C0 #E3CDC0 #F1D6C0 #FFDFC1

#ABA9C0 - #FFDFC1

HSV Blend

#ABA9C0 - #FFDFC1 | 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 #ABA9C0 as 0% and #FFDFC1 as 100%.

0.0%	0.0% #ABA9C0	RGB 171 169 192	#ABA9C0
16.7%	16.7% #BBAECA	RGB 187 174 202	#BBAECA
33.3%	33.3% #D1B2D5	RGB 209 178 213	#D1B2D5
50.0%	50.0% #DFB6D3	RGB 223 182 211	#DFB6D3
66.7%	66.7% #EABAC9	RGB 234 186 201	#EABAC9
83.3%	83.3% #F4C2BE	RGB 244 194 190	#F4C2BE
100.0%	100.0% #FFDFC1	RGB 255 223 193	#FFDFC1

#ABA9C0 #BBAECA #D1B2D5 #DFB6D3 #EABAC9 #F4C2BE #FFDFC1

#ABA9C0 - #DFB6D3 - #FFDFC1

CSS codes

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

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