#FF7DF5 - #EEF8FF | 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 #FF7DF5 to #EEF8FF

#FF7DF5 #EEF8FF

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

#FF7DF5 - #EEF8FF | 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 #FF7DF5 as 0% and #EEF8FF as 100%.

0.0%	0.0% #FF7DF5	RGB 255 125 245	#FF7DF5
16.7%	16.7% #FC91F6	RGB 252 145 246	#FC91F6
33.3%	33.3% #F9A6F8	RGB 249 166 248	#F9A6F8
50.0%	50.0% #F6BAFA	RGB 246 186 250	#F6BAFA
66.7%	66.7% #F3CFFB	RGB 243 207 251	#F3CFFB
83.3%	83.3% #F0E3FD	RGB 240 227 253	#F0E3FD
100.0%	100.0% #EEF8FF	RGB 238 248 255	#EEF8FF

#FF7DF5 #FC91F6 #F9A6F8 #F6BAFA #F3CFFB #F0E3FD #EEF8FF

#FF7DF5 - #EEF8FF

HSV Blend

#FF7DF5 - #EEF8FF | 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 #FF7DF5 as 0% and #EEF8FF as 100%.

0.0%	0.0% #FF7DF5	RGB 255 125 245	#FF7DF5
16.7%	16.7% #E88FFF	RGB 232 143 255	#E88FFF
33.3%	33.3% #D2A2FF	RGB 210 162 255	#D2A2FF
50.0%	50.0% #C7B5FF	RGB 199 181 255	#C7B5FF
66.7%	66.7% #C8CAFF	RGB 200 202 255	#C8CAFF
83.3%	83.3% #DBE6FF	RGB 219 230 255	#DBE6FF
100.0%	100.0% #EEF8FF	RGB 238 248 255	#EEF8FF

#FF7DF5 #E88FFF #D2A2FF #C7B5FF #C8CAFF #DBE6FF #EEF8FF

#FF7DF5 - #C7B5FF - #EEF8FF

CSS codes

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

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