close

conic.css

nice, simple conic gradients

HOW IT WORKS

Click a gradient then paste into your CSS, like this!

div {
  background: conic-gradient(at top right, deeppink, rebeccapurple);
}
conic.example.css hosted with ❤ by GitHub view raw
cyanrebeccapurple
lightbluewhite
mediumvioletredgold
deeppinkcyan
paleturquoiseorangered
whiteblack
cyanlime
deeppink cyanrebeccapurple
slategraywhite
whiteorange
limecyan
bluevioletblue
darkseagreendarkslategray
#222#111
lightcyanlightblue
hotpinkorange
whiteorchid
redblue
papayawhippeachpuff
yellowgreenyellow
purplesienna
indigolightseagreen
cadetbluedarkgreen
fuchsiafloralwhite
midnightbluelawngreen
deeppinkrebeccapurple
navylime
snowwhite
#00c476#82b0ff
#b78cf7 #ff7c94#ffcf0d