#FF4CE0 - #FDDCFF | 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 #FF4CE0 to #FDDCFF

#FF4CE0 #FDDCFF

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

#FF4CE0 - #FDDCFF | 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 #FF4CE0 as 0% and #FDDCFF as 100%.

0.0%	0.0% #FF4CE0	RGB 255 76 224	#FF4CE0
16.7%	16.7% #FE64E5	RGB 254 100 229	#FE64E5
33.3%	33.3% #FE7CEA	RGB 254 124 234	#FE7CEA
50.0%	50.0% #FE94EF	RGB 254 148 239	#FE94EF
66.7%	66.7% #FDACF4	RGB 253 172 244	#FDACF4
83.3%	83.3% #FDC4F9	RGB 253 196 249	#FDC4F9
100.0%	100.0% #FDDCFF	RGB 253 220 255	#FDDCFF

#FF4CE0 #FE64E5 #FE7CEA #FE94EF #FDACF4 #FDC4F9 #FDDCFF

#FF4CE0 - #FDDCFF

HSV Blend

#FF4CE0 - #FDDCFF | 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 #FF4CE0 as 0% and #FDDCFF as 100%.

0.0%	0.0% #FF4BDF	RGB 255 75 223	#FF4BDF
16.7%	16.7% #FF63EA	RGB 255 99 234	#FF63EA
33.3%	33.3% #FF7CF2	RGB 255 124 242	#FF7CF2
50.0%	50.0% #FF94F8	RGB 255 148 248	#FF94F8
66.7%	66.7% #FFACFD	RGB 255 172 253	#FFACFD
83.3%	83.3% #FDC4FF	RGB 253 196 255	#FDC4FF
100.0%	100.0% #FDDCFF	RGB 253 220 255	#FDDCFF

#FF4BDF #FF63EA #FF7CF2 #FF94F8 #FFACFD #FDC4FF #FDDCFF

#FF4CE0 - #FF94F8 - #FDDCFF

CSS codes

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

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