#FF6DF8 - #EFF4FF | 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 #FF6DF8 to #EFF4FF

#FF6DF8 #EFF4FF

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

#FF6DF8 - #EFF4FF | 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 #FF6DF8 as 0% and #EFF4FF as 100%.

0.0%	0.0% #FF6DF8	RGB 255 109 248	#FF6DF8
16.7%	16.7% #FC83F9	RGB 252 131 249	#FC83F9
33.3%	33.3% #F99AFA	RGB 249 154 250	#F99AFA
50.0%	50.0% #F7B0FB	RGB 247 176 251	#F7B0FB
66.7%	66.7% #F4C7FC	RGB 244 199 252	#F4C7FC
83.3%	83.3% #F1DDFD	RGB 241 221 253	#F1DDFD
100.0%	100.0% #EFF4FF	RGB 239 244 255	#EFF4FF

#FF6DF8 #FC83F9 #F99AFA #F7B0FB #F4C7FC #F1DDFD #EFF4FF

#FF6DF8 - #EFF4FF

HSV Blend

#FF6DF8 - #EFF4FF | 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 #FF6DF8 as 0% and #EFF4FF as 100%.

0.0%	0.0% #FF6DF7	RGB 255 109 247	#FF6DF7
16.7%	16.7% #E882FF	RGB 232 130 255	#E882FF
33.3%	33.3% #D598FF	RGB 213 152 255	#D598FF
50.0%	50.0% #CBAEFF	RGB 203 174 255	#CBAEFF
66.7%	66.7% #CCC3FF	RGB 204 195 255	#CCC3FF
83.3%	83.3% #D9DCFF	RGB 217 220 255	#D9DCFF
100.0%	100.0% #EFF4FF	RGB 239 244 255	#EFF4FF

#FF6DF7 #E882FF #D598FF #CBAEFF #CCC3FF #D9DCFF #EFF4FF

#FF6DF8 - #CBAEFF - #EFF4FF

CSS codes

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

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