# Creating Circles using Radial Gradients

**URL:** <https://forum.kirupa.com/t/creating-circles-using-radial-gradients/643020>\
**Category:** programming\
**Created:** [May 30, 2020, 5:04am UTC](https://forum.kirupa.com/t/creating-circles-using-radial-gradients/643020 "2020-05-30T05:04:53Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Morteza](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/morteza/32/16261_2.png) [@Morteza](https://forum.kirupa.com/u/Morteza)\
**Post date:** [December 17, 2021, 8:50am UTC](https://forum.kirupa.com/t/creating-circles-using-radial-gradients/643020/4 "2021-12-17T08:50:44Z")

</div>

> [@kirupa](#):
>
> the size at the beginning where the value seems like it should be the radius, but it is actually the full width

The result you get is a circle that’s `60px` wide, but since you have colored only half of it, it seems to be `30px`. The right coding is:

`background: radial-gradient(circle 15px at 50px 200px, #E71D36 100%, transparent 101%);`

---

_[View the full topic](https://forum.kirupa.com/t/creating-circles-using-radial-gradients/643020)._