#CFB0FF - #FCFAFB | 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 #FCFAFB

#CFB0FF #FCFAFB

Calculate the color between two colors, #CFB0FF and #FCFAFB. 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 - #FCFAFB | 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 #FCFAFB 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% #E5D5FD	RGB 229 213 253	#E5D5FD
66.7%	66.7% #EDE1FC	RGB 237 225 252	#EDE1FC
83.3%	83.3% #F4EDFB	RGB 244 237 251	#F4EDFB
100.0%	100.0% #FCFAFB	RGB 252 250 251	#FCFAFB

#CFB0FF #D6BCFE #DEC8FD #E5D5FD #EDE1FC #F4EDFB #FCFAFB

#CFB0FF - #FCFAFB

HSV Blend

#CFB0FF - #FCFAFB | 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 #FCFAFB as 100%.

0.0%	0.0% #CFB0FF	RGB 207 176 255	#CFB0FF
16.7%	16.7% #E2BCFE	RGB 226 188 254	#E2BCFE
33.3%	33.3% #F1C8FE	RGB 241 200 254	#F1C8FE
50.0%	50.0% #FBD5FD	RGB 251 213 253	#FBD5FD
66.7%	66.7% #FDE1F9	RGB 253 225 249	#FDE1F9
83.3%	83.3% #FCEDF7	RGB 252 237 247	#FCEDF7
100.0%	100.0% #FCFAFB	RGB 252 250 251	#FCFAFB

#CFB0FF #E2BCFE #F1C8FE #FBD5FD #FDE1F9 #FCEDF7 #FCFAFB

#CFB0FF - #FBD5FD - #FCFAFB

CSS codes

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

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