#FF6BFE - #EEF5FF | 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 #FF6BFE to #EEF5FF

#FF6BFE #EEF5FF

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

#FF6BFE - #EEF5FF | 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 #FF6BFE as 0% and #EEF5FF as 100%.

0.0%	0.0% #FF6BFE	RGB 255 107 254	#FF6BFE
16.7%	16.7% #FC82FE	RGB 252 130 254	#FC82FE
33.3%	33.3% #F999FE	RGB 249 153 254	#F999FE
50.0%	50.0% #F6B0FE	RGB 246 176 254	#F6B0FE
66.7%	66.7% #F3C7FE	RGB 243 199 254	#F3C7FE
83.3%	83.3% #F0DEFE	RGB 240 222 254	#F0DEFE
100.0%	100.0% #EEF5FF	RGB 238 245 255	#EEF5FF

#FF6BFE #FC82FE #F999FE #F6B0FE #F3C7FE #F0DEFE #EEF5FF

#FF6BFE - #EEF5FF

HSV Blend

#FF6BFE - #EEF5FF | 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 #FF6BFE as 0% and #EEF5FF as 100%.

0.0%	0.0% #FF6BFE	RGB 255 107 254	#FF6BFE
16.7%	16.7% #E280FF	RGB 226 128 255	#E280FF
33.3%	33.3% #CE96FF	RGB 206 150 255	#CE96FF
50.0%	50.0% #C5ACFF	RGB 197 172 255	#C5ACFF
66.7%	66.7% #C6C2FF	RGB 198 194 255	#C6C2FF
83.3%	83.3% #D8DEFF	RGB 216 222 255	#D8DEFF
100.0%	100.0% #EEF5FF	RGB 238 245 255	#EEF5FF

#FF6BFE #E280FF #CE96FF #C5ACFF #C6C2FF #D8DEFF #EEF5FF

#FF6BFE - #C5ACFF - #EEF5FF

CSS codes

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

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