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

#FF4FDB #FDDCFF

Calculate the color between two colors, #FF4FDB 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)

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

0.0%	0.0% #FF4FDB	RGB 255 79 219	#FF4FDB
16.7%	16.7% #FE66E1	RGB 254 102 225	#FE66E1
33.3%	33.3% #FE7EE7	RGB 254 126 231	#FE7EE7
50.0%	50.0% #FE95ED	RGB 254 149 237	#FE95ED
66.7%	66.7% #FDADF3	RGB 253 173 243	#FDADF3
83.3%	83.3% #FDC4F9	RGB 253 196 249	#FDC4F9
100.0%	100.0% #FDDCFF	RGB 253 220 255	#FDDCFF

#FF4FDB #FE66E1 #FE7EE7 #FE95ED #FDADF3 #FDC4F9 #FDDCFF

#FF4FDB - #FDDCFF

HSV Blend

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

0.0%	0.0% #FF4FDA	RGB 255 79 218	#FF4FDA
16.7%	16.7% #FF66E6	RGB 255 102 230	#FF66E6
33.3%	33.3% #FF7EEF	RGB 255 126 239	#FF7EEF
50.0%	50.0% #FF95F7	RGB 255 149 247	#FF95F7
66.7%	66.7% #FFADFC	RGB 255 173 252	#FFADFC
83.3%	83.3% #FEC4FF	RGB 254 196 255	#FEC4FF
100.0%	100.0% #FDDCFF	RGB 253 220 255	#FDDCFF

#FF4FDA #FF66E6 #FF7EEF #FF95F7 #FFADFC #FEC4FF #FDDCFF

#FF4FDB - #FF95F7 - #FDDCFF

CSS codes

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

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