#FF6BD1 - #EEEFFF | 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 #FF6BD1 to #EEEFFF

#FF6BD1 #EEEFFF

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

#FF6BD1 - #EEEFFF | 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 #FF6BD1 as 0% and #EEEFFF as 100%.

0.0%	0.0% #FF6BD1	RGB 255 107 209	#FF6BD1
16.7%	16.7% #FC81D8	RGB 252 129 216	#FC81D8
33.3%	33.3% #F997E0	RGB 249 151 224	#F997E0
50.0%	50.0% #F6ADE8	RGB 246 173 232	#F6ADE8
66.7%	66.7% #F3C3EF	RGB 243 195 239	#F3C3EF
83.3%	83.3% #F0D9F7	RGB 240 217 247	#F0D9F7
100.0%	100.0% #EEEFFF	RGB 238 239 255	#EEEFFF

#FF6BD1 #FC81D8 #F997E0 #F6ADE8 #F3C3EF #F0D9F7 #EEEFFF

#FF6BD1 - #EEEFFF

HSV Blend

#FF6BD1 - #EEEFFF | 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 #FF6BD1 as 0% and #EEEFFF as 100%.

0.0%	0.0% #FF6BD1	RGB 255 107 209	#FF6BD1
16.7%	16.7% #FF80F4	RGB 255 128 244	#FF80F4
33.3%	33.3% #EF96FF	RGB 239 150 255	#EF96FF
50.0%	50.0% #E0ACFF	RGB 224 172 255	#E0ACFF
66.7%	66.7% #DAC2FF	RGB 218 194 255	#DAC2FF
83.3%	83.3% #DED8FF	RGB 222 216 255	#DED8FF
100.0%	100.0% #EEEFFF	RGB 238 239 255	#EEEFFF

#FF6BD1 #FF80F4 #EF96FF #E0ACFF #DAC2FF #DED8FF #EEEFFF

#FF6BD1 - #E0ACFF - #EEEFFF

CSS codes

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

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