Desvanecer la parte inferior de UIScrollView a transparente

Tengo un UIScrollView, y necesito que la parte inferior se desvanezca para que sea transparente, de modo que no se corte el contenido de forma abrupta. El fondo del UIScrollView es un color personalizado. Esto es lo que tengo hasta ahora, pero la capa aparece en blanco, en lugar del color personalizado. Esto es lo que estoy buscando, pero solo en la parte inferior.

:

Aquí está lo que tengo hasta ahora:

maskLayer = [CAGradientLayer layer];

            CGColorRef firstColor = [UIColor colorWithRed:141 green:211 blue:244 alpha:1.0].CGColor;
            CGColorRef secondColor = [UIColor colorWithRed:141 green:211 blue:244 alpha:0.8].CGColor;
            CGColorRef thirdColor = [UIColor colorWithRed:141 green:211 blue:244 alpha:0.2].CGColor;
            CGColorRef fourthColor = [UIColor colorWithRed:141 green:211 blue:244 alpha:0.0].CGColor;

            maskLayer.colors = [NSArray arrayWithObjects:(__bridge id)firstColor, (__bridge id)secondColor, (__bridge id)thirdColor, (__bridge id)fourthColor, nil];
            maskLayer.locations = [NSArray arrayWithObjects:[NSNumber numberWithFloat:0.0],
                                                        [NSNumber numberWithFloat:0.2],
                                                        [NSNumber numberWithFloat:0.8],
                                                        [NSNumber numberWithFloat:1.0], nil];
            maskLayer.frame = CGRectMake(0, 285, self.loginScrollView.frame.size.width, 40);
            maskLayer.anchorPoint = CGPointZero;
            [self.loginScrollView.layer addSublayer:maskLayer];

Por alguna razón, la capa se muestra en blanco, y solo la mitad del ancho del scrollView.

Respuestas a la pregunta(4)

Su respuesta a la pregunta