#FF47FE - #F5E5FF | 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 #FF47FE to #F5E5FF

#FF47FE #F5E5FF

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

#FF47FE - #F5E5FF | 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 #FF47FE as 0% and #F5E5FF as 100%.

0.0%	0.0% #FF47FE	RGB 255 71 254	#FF47FE
16.7%	16.7% #FD61FE	RGB 253 97 254	#FD61FE
33.3%	33.3% #FB7BFE	RGB 251 123 254	#FB7BFE
50.0%	50.0% #FA96FE	RGB 250 150 254	#FA96FE
66.7%	66.7% #F8B0FE	RGB 248 176 254	#F8B0FE
83.3%	83.3% #F6CAFE	RGB 246 202 254	#F6CAFE
100.0%	100.0% #F5E5FF	RGB 245 229 255	#F5E5FF

#FF47FE #FD61FE #FB7BFE #FA96FE #F8B0FE #F6CAFE #F5E5FF

#FF47FE - #F5E5FF

HSV Blend

#FF47FE - #F5E5FF | 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 #FF47FE as 0% and #F5E5FF as 100%.

0.0%	0.0% #FF47FE	RGB 255 71 254	#FF47FE
16.7%	16.7% #F561FF	RGB 245 97 255	#F561FF
33.3%	33.3% #EE7BFF	RGB 238 123 255	#EE7BFF
50.0%	50.0% #EB96FF	RGB 235 150 255	#EB96FF
66.7%	66.7% #EAB0FF	RGB 234 176 255	#EAB0FF
83.3%	83.3% #EECAFF	RGB 238 202 255	#EECAFF
100.0%	100.0% #F5E5FF	RGB 245 229 255	#F5E5FF

#FF47FE #F561FF #EE7BFF #EB96FF #EAB0FF #EECAFF #F5E5FF

#FF47FE - #EB96FF - #F5E5FF

CSS codes

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

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