#CFB2FF - #FDF9FA | 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 #CFB2FF to #FDF9FA

#CFB2FF #FDF9FA

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

#CFB2FF - #FDF9FA | 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 #CFB2FF as 0% and #FDF9FA as 100%.

0.0%	0.0% #CFB2FF	RGB 207 178 255	#CFB2FF
16.7%	16.7% #D6BDFE	RGB 214 189 254	#D6BDFE
33.3%	33.3% #DEC9FD	RGB 222 201 253	#DEC9FD
50.0%	50.0% #E6D5FC	RGB 230 213 252	#E6D5FC
66.7%	66.7% #EDE1FB	RGB 237 225 251	#EDE1FB
83.3%	83.3% #F5EDFA	RGB 245 237 250	#F5EDFA
100.0%	100.0% #FDF9FA	RGB 253 249 250	#FDF9FA

#CFB2FF #D6BDFE #DEC9FD #E6D5FC #EDE1FB #F5EDFA #FDF9FA

#CFB2FF - #FDF9FA

HSV Blend

#CFB2FF - #FDF9FA | 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 #CFB2FF as 0% and #FDF9FA as 100%.

0.0%	0.0% #CFB2FF	RGB 207 178 255	#CFB2FF
16.7%	16.7% #E5BDFE	RGB 229 189 254	#E5BDFE
33.3%	33.3% #F5C9FE	RGB 245 201 254	#F5C9FE
50.0%	50.0% #FED5FB	RGB 254 213 251	#FED5FB
66.7%	66.7% #FDE1F5	RGB 253 225 245	#FDE1F5
83.3%	83.3% #FDEDF4	RGB 253 237 244	#FDEDF4
100.0%	100.0% #FDF9FA	RGB 253 249 250	#FDF9FA

#CFB2FF #E5BDFE #F5C9FE #FED5FB #FDE1F5 #FDEDF4 #FDF9FA

#CFB2FF - #FED5FB - #FDF9FA

CSS codes

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

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