Фіолетовий → рожевий, дуотон, яскраві тони: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 45°: #6c23bf, #9a2abe, #ce3daa, #e9628e, #ee8885. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #6c23bf
• #7023bf
• #7424bf
• #7925bf
• #7f26bf
• #8527bf
• #8c28bf
• #9329bf
• #9a2abe
• #a12cbd
• #a92dbb
• #b02fb9
• #b731b6
• #bd33b4
• #c436b1
• #c939ad
• #ce3daa
• #d341a6
• #d845a2
• #dc4a9e
• #e0509a
• #e35696
• #e65c92
• #e9628e
• #ea688b
• #ec6e89
• #ed7387
• #ed7886
• #ee7d85
• #ee8285
• #ee8585
• #ee8885

CSS

background: linear-gradient(45deg in oklch, oklch(46.06% 0.2191 298.13) 0.0%, oklch(46.58% 0.2191 299.57) 3.2%, oklch(47.20% 0.2194 301.31) 6.5%, oklch(47.93% 0.2198 303.31) 9.7%, oklch(48.73% 0.2204 305.53) 12.9%, oklch(49.61% 0.2211 307.96) 16.1%, oklch(50.56% 0.2217 310.56) 19.4%, oklch(51.55% 0.2223 313.30) 22.6%, oklch(52.57% 0.2227 316.15) 25.8%, oklch(53.62% 0.2229 319.09) 29.0%, oklch(54.69% 0.2229 322.09) 32.3%, oklch(55.76% 0.2225 325.11) 35.5%, oklch(56.81% 0.2218 328.14) 38.7%, oklch(57.84% 0.2205 331.13) 41.9%, oklch(58.84% 0.2188 334.06) 45.2%, oklch(59.78% 0.2164 336.90) 48.4%, oklch(60.69% 0.2133 339.67) 51.6%, oklch(61.62% 0.2093 342.60) 54.8%, oklch(62.59% 0.2044 345.68) 58.1%, oklch(63.58% 0.1987 348.89) 61.3%, oklch(64.58% 0.1925 352.19) 64.5%, oklch(65.59% 0.1858 355.52) 67.7%, oklch(66.59% 0.1789 358.86) 71.0%, oklch(67.57% 0.1717 2.17) 74.2%, oklch(68.53% 0.1645 5.40) 77.4%, oklch(69.45% 0.1575 8.52) 80.6%, oklch(70.32% 0.1507 11.48) 83.9%, oklch(71.14% 0.1443 14.26) 87.1%, oklch(71.89% 0.1384 16.80) 90.3%, oklch(72.56% 0.1332 19.08) 93.5%, oklch(73.14% 0.1288 21.05) 96.8%, oklch(73.62% 0.1254 22.67) 100.0%);

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

Літні градієнти

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