#FF3DF0 - #FDDAFF | 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 #FF3DF0 to #FDDAFF

#FF3DF0 #FDDAFF

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

#FF3DF0 - #FDDAFF | 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 #FF3DF0 as 0% and #FDDAFF as 100%.

0.0%	0.0% #FF3DF0	RGB 255 61 240	#FF3DF0
16.7%	16.7% #FE57F2	RGB 254 87 242	#FE57F2
33.3%	33.3% #FE71F5	RGB 254 113 245	#FE71F5
50.0%	50.0% #FE8BF7	RGB 254 139 247	#FE8BF7
66.7%	66.7% #FDA5FA	RGB 253 165 250	#FDA5FA
83.3%	83.3% #FDBFFC	RGB 253 191 252	#FDBFFC
100.0%	100.0% #FDDAFF	RGB 253 218 255	#FDDAFF

#FF3DF0 #FE57F2 #FE71F5 #FE8BF7 #FDA5FA #FDBFFC #FDDAFF

#FF3DF0 - #FDDAFF

HSV Blend

#FF3DF0 - #FDDAFF | 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 #FF3DF0 as 0% and #FDDAFF as 100%.

0.0%	0.0% #FF3DF0	RGB 255 61 240	#FF3DF0
16.7%	16.7% #FF57F5	RGB 255 87 245	#FF57F5
33.3%	33.3% #FF71FA	RGB 255 113 250	#FF71FA
50.0%	50.0% #FF8BFD	RGB 255 139 253	#FF8BFD
66.7%	66.7% #FEA5FF	RGB 254 165 255	#FEA5FF
83.3%	83.3% #FCBFFF	RGB 252 191 255	#FCBFFF
100.0%	100.0% #FDDAFF	RGB 253 218 255	#FDDAFF

#FF3DF0 #FF57F5 #FF71FA #FF8BFD #FEA5FF #FCBFFF #FDDAFF

#FF3DF0 - #FF8BFD - #FDDAFF

CSS codes

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

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