Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
Tried searching for any tutorials online but I couldn't seem to find one.
How do I re-create this image color in Illustrator?
I tried using gradients but I could not seem to manipulate it to come from the middle. I also tried using mesh points, but the colors aren't as equally spaced as this.
Which version of Adobe Illustrator are you using? Try this and see if it works for you.
Create a rectangle with a gradient e.g. like this:
(Remember, the first swatch in the gradient should have the same value as the last one.)
Now create a circle with a two-color radial gradient.
With the circle selected go to Object=Expand...
Select these options:
Now you should see a layer structure like below.
With a mesh and a clipping path.
Delete the clipping path.(Selected in the screenshot).
Now the circle has no clipping path, and so it should appear larger.
With your Point Selection tool, select a point related to the inner circle. Then hit delete.
EDIT: Before you continue, remember to check Distort Linear Gradient Fills inside Object= Envelope Distort= Envelope Options.
Now, select both the Circle, and the rectangle. Go to Object=Envelope Distort=Make With Top Object.
You should now have the result you where looking for. :)
If you want to edit your gradient you can switch editing area with these: 
located in the upper-left corner of your screen:
Distort Linear Gradient Fills checked inside of Object->Envelope Distort->Envelope Options. For me it was not checked, but I'm not sure which state is the default.