#FF5EFA - #F1EEFF | 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 #FF5EFA to #F1EEFF

#FF5EFA #F1EEFF

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

#FF5EFA - #F1EEFF | 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 #FF5EFA as 0% and #F1EEFF as 100%.

0.0%	0.0% #FF5EFA	RGB 255 94 250	#FF5EFA
16.7%	16.7% #FC76FA	RGB 252 118 250	#FC76FA
33.3%	33.3% #FA8EFB	RGB 250 142 251	#FA8EFB
50.0%	50.0% #F8A6FC	RGB 248 166 252	#F8A6FC
66.7%	66.7% #F5BEFD	RGB 245 190 253	#F5BEFD
83.3%	83.3% #F3D6FE	RGB 243 214 254	#F3D6FE
100.0%	100.0% #F1EEFF	RGB 241 238 255	#F1EEFF

#FF5EFA #FC76FA #FA8EFB #F8A6FC #F5BEFD #F3D6FE #F1EEFF

#FF5EFA - #F1EEFF

HSV Blend

#FF5EFA - #F1EEFF | 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 #FF5EFA as 0% and #F1EEFF as 100%.

0.0%	0.0% #FF5DFA	RGB 255 93 250	#FF5DFA
16.7%	16.7% #EF75FF	RGB 239 117 255	#EF75FF
33.3%	33.3% #E28EFF	RGB 226 142 255	#E28EFF
50.0%	50.0% #DBA6FF	RGB 219 166 255	#DBA6FF
66.7%	66.7% #DBBEFF	RGB 219 190 255	#DBBEFF
83.3%	83.3% #E3D6FF	RGB 227 214 255	#E3D6FF
100.0%	100.0% #F1EEFF	RGB 241 238 255	#F1EEFF

#FF5DFA #EF75FF #E28EFF #DBA6FF #DBBEFF #E3D6FF #F1EEFF

#FF5EFA - #DBA6FF - #F1EEFF

CSS codes

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

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