#FCA1FF - #DF3FC2 | 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 #FCA1FF to #DF3FC2

#FCA1FF #DF3FC2

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

#FCA1FF - #DF3FC2 | 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 #FCA1FF as 0% and #DF3FC2 as 100%.

0.0%	0.0% #FCA1FF	RGB 252 161 255	#FCA1FF
16.7%	16.7% #F790F4	RGB 247 144 244	#F790F4
33.3%	33.3% #F280EA	RGB 242 128 234	#F280EA
50.0%	50.0% #ED70E0	RGB 237 112 224	#ED70E0
66.7%	66.7% #E85FD6	RGB 232 95 214	#E85FD6
83.3%	83.3% #E34FCC	RGB 227 79 204	#E34FCC
100.0%	100.0% #DF3FC2	RGB 223 63 194	#DF3FC2

#FCA1FF #F790F4 #F280EA #ED70E0 #E85FD6 #E34FCC #DF3FC2

#FCA1FF - #DF3FC2

HSV Blend

#FCA1FF - #DF3FC2 | 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 #FCA1FF as 0% and #DF3FC2 as 100%.

0.0%	0.0% #FCA1FF	RGB 252 161 255	#FCA1FF
16.7%	16.7% #F98FF9	RGB 249 143 249	#F98FF9
33.3%	33.3% #F47DEF	RGB 244 125 239	#F47DEF
50.0%	50.0% #EF6DE5	RGB 239 109 229	#EF6DE5
66.7%	66.7% #E95DDA	RGB 233 93 218	#E95DDA
83.3%	83.3% #E44DCE	RGB 228 77 206	#E44DCE
100.0%	100.0% #DF3FC2	RGB 223 63 194	#DF3FC2

#FCA1FF #F98FF9 #F47DEF #EF6DE5 #E95DDA #E44DCE #DF3FC2

#FCA1FF - #EF6DE5 - #DF3FC2

CSS codes

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

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