Open PS, create a new document of 300X200 pixels, and adjust the gradient color:

Fill with gradient color:

Next step: Filter -> Pixelate -> Mosaic

Take another step: Filter -> Sharpen -> If the sharpening effect is not obvious, you can sharpen it a few times.

Final effect: