You can do it in Photoshop with no problem.
Create the different layers.
Make 2 gradients or each of your 4 colors for Layer 1 & 3.

Layer 5: SAMPLE - Probably not needed
Layer 4: the number 1 - white with a slight drop shadow and maybe a bit of bevel
Layer 3: Ring with drop shadow. Gradient #2  blue to light blue
Layer 2: semi circle inside ring. Colored solid white with a 20-25% transparency
Layer 1: background within ring. Gradient #1 light blue to white

Duplicate all your layers onto new documents before applying the gradients. Image will be exactly the same. Only the color will change when you apply gradients.