CSS Gradient Experiments

July 22, 2023

background: rgb(131,58,180);
background: radial-gradient(circle, rgba(131,58,180,1) 0%, rgba(131,58,180,1) 6%, rgba(253,81,43,1) 12%, rgba(253,81,43,1) 18%, rgba(253,29,29,1) 24%, rgba(253,29,29,1) 30%, rgba(253,214,62,1) 36%, rgba(253,214,62,1) 42%, rgba(244,253,65,1) 48%, rgba(244,253,65,1) 54%, rgba(203,253,67,1) 60%, rgba(203,253,67,1) 66%, rgba(67,253,168,1) 72%, rgba(67,253,168,1) 78%, rgba(68,104,253,1) 84%, rgba(68,104,253,1) 90%, rgba(153,68,253,1) 96%, rgba(153,68,253,1) 100%);

Which will give you a box like this