#FF7FF2 - #EFF8FF | 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 #FF7FF2 to #EFF8FF

#FF7FF2 #EFF8FF

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

#FF7FF2 - #EFF8FF | 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 #FF7FF2 as 0% and #EFF8FF as 100%.

0.0%	0.0% #FF7FF2	RGB 255 127 242	#FF7FF2
16.7%	16.7% #FC93F4	RGB 252 147 244	#FC93F4
33.3%	33.3% #F9A7F6	RGB 249 167 246	#F9A7F6
50.0%	50.0% #F7BBF8	RGB 247 187 248	#F7BBF8
66.7%	66.7% #F4CFFA	RGB 244 207 250	#F4CFFA
83.3%	83.3% #F1E3FC	RGB 241 227 252	#F1E3FC
100.0%	100.0% #EFF8FF	RGB 239 248 255	#EFF8FF

#FF7FF2 #FC93F4 #F9A7F6 #F7BBF8 #F4CFFA #F1E3FC #EFF8FF

#FF7FF2 - #EFF8FF

HSV Blend

#FF7FF2 - #EFF8FF | 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 #FF7FF2 as 0% and #EFF8FF as 100%.

0.0%	0.0% #FF7FF2	RGB 255 127 242	#FF7FF2
16.7%	16.7% #EB91FF	RGB 235 145 255	#EB91FF
33.3%	33.3% #D5A4FF	RGB 213 164 255	#D5A4FF
50.0%	50.0% #CAB7FF	RGB 202 183 255	#CAB7FF
66.7%	66.7% #C9CAFF	RGB 201 202 255	#C9CAFF
83.3%	83.3% #DCE6FF	RGB 220 230 255	#DCE6FF
100.0%	100.0% #EFF8FF	RGB 239 248 255	#EFF8FF

#FF7FF2 #EB91FF #D5A4FF #CAB7FF #C9CAFF #DCE6FF #EFF8FF

#FF7FF2 - #CAB7FF - #EFF8FF

CSS codes

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

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