#FF3DF2 - #FDDBFF | 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 #FF3DF2 to #FDDBFF

#FF3DF2 #FDDBFF

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

#FF3DF2 - #FDDBFF | 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 #FF3DF2 as 0% and #FDDBFF as 100%.

0.0%	0.0% #FF3DF2	RGB 255 61 242	#FF3DF2
16.7%	16.7% #FE57F4	RGB 254 87 244	#FE57F4
33.3%	33.3% #FE71F6	RGB 254 113 246	#FE71F6
50.0%	50.0% #FE8CF8	RGB 254 140 248	#FE8CF8
66.7%	66.7% #FDA6FA	RGB 253 166 250	#FDA6FA
83.3%	83.3% #FDC0FC	RGB 253 192 252	#FDC0FC
100.0%	100.0% #FDDBFF	RGB 253 219 255	#FDDBFF

#FF3DF2 #FE57F4 #FE71F6 #FE8CF8 #FDA6FA #FDC0FC #FDDBFF

#FF3DF2 - #FDDBFF

HSV Blend

#FF3DF2 - #FDDBFF | 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 #FF3DF2 as 0% and #FDDBFF as 100%.

0.0%	0.0% #FF3DF1	RGB 255 61 241	#FF3DF1
16.7%	16.7% #FF57F7	RGB 255 87 247	#FF57F7
33.3%	33.3% #FF71FB	RGB 255 113 251	#FF71FB
50.0%	50.0% #FF8CFE	RGB 255 140 254	#FF8CFE
66.7%	66.7% #FDA6FF	RGB 253 166 255	#FDA6FF
83.3%	83.3% #FCC0FF	RGB 252 192 255	#FCC0FF
100.0%	100.0% #FDDBFF	RGB 253 219 255	#FDDBFF

#FF3DF1 #FF57F7 #FF71FB #FF8CFE #FDA6FF #FCC0FF #FDDBFF

#FF3DF2 - #FF8CFE - #FDDBFF

CSS codes

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

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