Фіолетовий, лавандовий і блакитний, холодні тони: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 90°: #3f0e81, #6b1abe, #9c5fd6, #93a6f4, #92e7cf. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #3f0e81
• #420f85
• #46108b
• #4b1093
• #51119b
• #5711a4
• #5e13ad
• #6516b6
• #6b1abe
• #7121c6
• #7728cc
• #7c31d1
• #823ad4
• #8943d5
• #904cd5
• #9656d6
• #9c5fd6
• #a169d7
• #a473d9
• #a57cdc
• #a586e1
• #a28fe7
• #9c9aee
• #93a6f4
• #88b2f8
• #7cbef7
• #73c9f4
• #70d2ed
• #74dae4
• #7de0dc
• #88e4d4
• #92e7cf

CSS

background: linear-gradient(90deg in oklch, oklch(33.07% 0.1681 293.91) 0.0%, oklch(34.00% 0.1723 294.25) 3.2%, oklch(35.18% 0.1784 294.74) 6.5%, oklch(36.56% 0.1861 295.34) 9.7%, oklch(38.11% 0.1945 296.00) 12.9%, oklch(39.79% 0.2032 296.70) 16.1%, oklch(41.58% 0.2115 297.38) 19.4%, oklch(43.43% 0.2189 298.00) 22.6%, oklch(45.31% 0.2247 298.54) 25.8%, oklch(47.18% 0.2283 298.94) 29.0%, oklch(49.01% 0.2292 299.16) 32.3%, oklch(50.81% 0.2267 299.41) 35.5%, oklch(52.68% 0.2212 300.32) 38.7%, oklch(54.61% 0.2130 301.65) 41.9%, oklch(56.60% 0.2029 303.11) 45.2%, oklch(58.61% 0.1915 304.43) 48.4%, oklch(60.63% 0.1792 305.30) 51.6%, oklch(62.65% 0.1668 305.43) 54.8%, oklch(64.64% 0.1549 304.55) 58.1%, oklch(66.59% 0.1439 302.34) 61.3%, oklch(68.47% 0.1346 298.54) 64.5%, oklch(70.29% 0.1273 292.77) 67.7%, oklch(72.15% 0.1212 284.23) 71.0%, oklch(74.06% 0.1157 273.25) 74.2%, oklch(75.98% 0.1108 260.46) 77.4%, oklch(77.87% 0.1065 246.51) 80.6%, oklch(79.70% 0.1027 232.04) 83.9%, oklch(81.44% 0.0994 217.71) 87.1%, oklch(83.03% 0.0965 204.14) 90.3%, oklch(84.45% 0.0939 191.98) 93.5%, oklch(85.66% 0.0916 181.89) 96.8%, oklch(86.61% 0.0896 174.49) 100.0%);

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

Яскраві різнокольорові градієнтиНеонові градієнти

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