Лососевий, персиковий, бірюзовий і синій: радіальний градієнт

Радіальний градієнт, 32 кольори: #ff786b, #ffab76, #a6d989, #27b6c4, #2473a5. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

6 ключових кадрів OKLCH, які можна редагувати.

• #ff786b
• #ff7c6c
• #ff806e
• #fe8670
• #fe8c72
• #fe9373
• #ff9973
• #ffa173
• #ffab76
• #ffb579
• #ffbe7a
• #ffc674
• #f9ce6f
• #edd371
• #dad775
• #c2d97d
• #a6d989
• #8bd795
• #71d3a2
• #5bcfad
• #48cab5
• #39c4bc
• #2ebdc1
• #27b6c4
• #26aec6
• #27a6c5
• #289dc2
• #2793bc
• #2689b6
• #2580af
• #2478a9
• #2473a5

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(72.83% 0.1667 27.42) 0.0%, oklch(73.38% 0.1629 28.62) 3.2%, oklch(74.09% 0.1573 29.98) 6.5%, oklch(74.96% 0.1508 31.71) 9.7%, oklch(75.93% 0.1441 34.02) 12.9%, oklch(77.00% 0.1379 37.13) 16.1%, oklch(78.12% 0.1330 41.25) 19.4%, oklch(79.43% 0.1276 46.44) 22.6%, oklch(81.15% 0.1209 52.45) 25.8%, oklch(83.01% 0.1153 59.29) 29.0%, oklch(84.77% 0.1134 66.96) 32.3%, oklch(86.16% 0.1194 75.45) 35.5%, oklch(86.93% 0.1231 84.76) 38.7%, oklch(86.86% 0.1219 95.15) 41.9%, oklch(86.05% 0.1209 107.32) 45.2%, oklch(84.70% 0.1200 120.67) 48.4%, oklch(83.00% 0.1191 134.44) 51.6%, oklch(81.15% 0.1183 147.90) 54.8%, oklch(79.34% 0.1176 160.30) 58.1%, oklch(77.72% 0.1168 171.01) 61.3%, oklch(76.16% 0.1161 180.75) 64.5%, oklch(74.56% 0.1154 189.76) 67.7%, oklch(72.89% 0.1148 198.06) 71.0%, oklch(71.15% 0.1142 205.66) 74.2%, oklch(69.30% 0.1135 212.58) 77.4%, oklch(67.30% 0.1129 218.83) 80.6%, oklch(64.92% 0.1121 224.37) 83.9%, oklch(62.25% 0.1114 229.20) 87.1%, oklch(59.50% 0.1106 233.34) 90.3%, oklch(56.91% 0.1099 236.83) 93.5%, oklch(54.72% 0.1093 239.69) 96.8%, oklch(53.15% 0.1089 241.94) 100.0%);

У цих колекціях

Яскраві градієнтиЛітні градієнтиВесняні градієнти

Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює