#FCBAFF - #CF4DCD | 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 #FCBAFF to #CF4DCD

#FCBAFF #CF4DCD

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

#FCBAFF - #CF4DCD | 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 #FCBAFF as 0% and #CF4DCD as 100%.

0.0%	0.0% #FCBAFF	RGB 252 186 255	#FCBAFF
16.7%	16.7% #F4A7F6	RGB 244 167 246	#F4A7F6
33.3%	33.3% #ED95EE	RGB 237 149 238	#ED95EE
50.0%	50.0% #E583E6	RGB 229 131 230	#E583E6
66.7%	66.7% #DE71DD	RGB 222 113 221	#DE71DD
83.3%	83.3% #D65FD5	RGB 214 95 213	#D65FD5
100.0%	100.0% #CF4DCD	RGB 207 77 205	#CF4DCD

#FCBAFF #F4A7F6 #ED95EE #E583E6 #DE71DD #D65FD5 #CF4DCD

#FCBAFF - #CF4DCD

HSV Blend

#FCBAFF - #CF4DCD | 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 #FCBAFF as 0% and #CF4DCD as 100%.

0.0%	0.0% #FCBAFF	RGB 252 186 255	#FCBAFF
16.7%	16.7% #F4A5F7	RGB 244 165 247	#F4A5F7
33.3%	33.3% #EC91EF	RGB 236 145 239	#EC91EF
50.0%	50.0% #E57FE7	RGB 229 127 231	#E57FE7
66.7%	66.7% #DE6DDF	RGB 222 109 223	#DE6DDF
83.3%	83.3% #D75CD6	RGB 215 92 214	#D75CD6
100.0%	100.0% #CF4DCD	RGB 207 77 205	#CF4DCD

#FCBAFF #F4A5F7 #EC91EF #E57FE7 #DE6DDF #D75CD6 #CF4DCD

#FCBAFF - #E57FE7 - #CF4DCD

CSS codes

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

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