#FFFDFD - #C5ABCD | 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 #FFFDFD to #C5ABCD

#FFFDFD #C5ABCD

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

#FFFDFD - #C5ABCD | 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 #FFFDFD as 0% and #C5ABCD as 100%.

0.0%	0.0% #FFFDFD	RGB 255 253 253	#FFFDFD
16.7%	16.7% #F5EFF5	RGB 245 239 245	#F5EFF5
33.3%	33.3% #EBE1ED	RGB 235 225 237	#EBE1ED
50.0%	50.0% #E2D4E5	RGB 226 212 229	#E2D4E5
66.7%	66.7% #D8C6DD	RGB 216 198 221	#D8C6DD
83.3%	83.3% #CEB8D5	RGB 206 184 213	#CEB8D5
100.0%	100.0% #C5ABCD	RGB 197 171 205	#C5ABCD

#FFFDFD #F5EFF5 #EBE1ED #E2D4E5 #D8C6DD #CEB8D5 #C5ABCD

#FFFDFD - #C5ABCD

HSV Blend

#FFFDFD - #C5ABCD | 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 #FFFDFD as 0% and #C5ABCD as 100%.

0.0%	0.0% #FFFDFD	RGB 255 253 253	#FFFDFD
16.7%	16.7% #F6EEEF	RGB 246 238 239	#F6EEEF
33.3%	33.3% #EEDFE5	RGB 238 223 229	#EEDFE5
50.0%	50.0% #E6D2DE	RGB 230 210 222	#E6D2DE
66.7%	66.7% #DDC4D9	RGB 221 196 217	#DDC4D9
83.3%	83.3% #D4B7D5	RGB 212 183 213	#D4B7D5
100.0%	100.0% #C5ABCD	RGB 197 171 205	#C5ABCD

#FFFDFD #F6EEEF #EEDFE5 #E6D2DE #DDC4D9 #D4B7D5 #C5ABCD

#FFFDFD - #E6D2DE - #C5ABCD

CSS codes

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

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