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

#C5ABC9 #FFDFC1

Calculate the color between two colors, #C5ABC9 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)

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

0.0%	0.0% #C5ABC9	RGB 197 171 201	#C5ABC9
16.7%	16.7% #CEB3C7	RGB 206 179 199	#CEB3C7
33.3%	33.3% #D8BCC6	RGB 216 188 198	#D8BCC6
50.0%	50.0% #E2C5C5	RGB 226 197 197	#E2C5C5
66.7%	66.7% #EBCDC3	RGB 235 205 195	#EBCDC3
83.3%	83.3% #F5D6C2	RGB 245 214 194	#F5D6C2
100.0%	100.0% #FFDFC1	RGB 255 223 193	#FFDFC1

#C5ABC9 #CEB3C7 #D8BCC6 #E2C5C5 #EBCDC3 #F5D6C2 #FFDFC1

#C5ABC9 - #FFDFC1

HSV Blend

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

0.0%	0.0% #C5ABC9	RGB 197 171 201	#C5ABC9
16.7%	16.7% #D2AFCD	RGB 210 175 205	#D2AFCD
33.3%	33.3% #DBB3CA	RGB 219 179 202	#DBB3CA
50.0%	50.0% #E4B7C5	RGB 228 183 197	#E4B7C5
66.7%	66.7% #EDBABD	RGB 237 186 189	#EDBABD
83.3%	83.3% #F6CABE	RGB 246 202 190	#F6CABE
100.0%	100.0% #FFDFC1	RGB 255 223 193	#FFDFC1

#C5ABC9 #D2AFCD #DBB3CA #E4B7C5 #EDBABD #F6CABE #FFDFC1

#C5ABC9 - #E4B7C5 - #FFDFC1

CSS codes

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

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