#CFB0FF - #FCFAFA | 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 #CFB0FF to #FCFAFA

#CFB0FF #FCFAFA

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

#CFB0FF - #FCFAFA | 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 #CFB0FF as 0% and #FCFAFA as 100%.

0.0%	0.0% #CFB0FF	RGB 207 176 255	#CFB0FF
16.7%	16.7% #D6BCFE	RGB 214 188 254	#D6BCFE
33.3%	33.3% #DEC8FD	RGB 222 200 253	#DEC8FD
50.0%	50.0% #E5D5FC	RGB 229 213 252	#E5D5FC
66.7%	66.7% #EDE1FB	RGB 237 225 251	#EDE1FB
83.3%	83.3% #F4EDFA	RGB 244 237 250	#F4EDFA
100.0%	100.0% #FCFAFA	RGB 252 250 250	#FCFAFA

#CFB0FF #D6BCFE #DEC8FD #E5D5FC #EDE1FB #F4EDFA #FCFAFA

#CFB0FF - #FCFAFA

HSV Blend

#CFB0FF - #FCFAFA | 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 #CFB0FF as 0% and #FCFAFA as 100%.

0.0%	0.0% #CFB0FF	RGB 207 176 255	#CFB0FF
16.7%	16.7% #E8BCFE	RGB 232 188 254	#E8BCFE
33.3%	33.3% #FAC8FE	RGB 250 200 254	#FAC8FE
50.0%	50.0% #FDD5F5	RGB 253 213 245	#FDD5F5
66.7%	66.7% #FDE1F0	RGB 253 225 240	#FDE1F0
83.3%	83.3% #FCEDF1	RGB 252 237 241	#FCEDF1
100.0%	100.0% #FCFAFA	RGB 252 250 250	#FCFAFA

#CFB0FF #E8BCFE #FAC8FE #FDD5F5 #FDE1F0 #FCEDF1 #FCFAFA

#CFB0FF - #FDD5F5 - #FCFAFA

CSS codes

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

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