Фіолетовий → сірий, монохром: лінійний градієнт
Лінійний градієнт, 56 кольорів, кут 225°: #7c60a6, #c7aed5, #f7f2ff, #bbc9cf, #7f8c7c. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.
3 ключові кадри OKLCH, які можна редагувати.
- #7c60a6
- #7f63a7
- #8266aa
- #866aac
- #8a6faf
- #8f74b2
- #9579b5
- #9b7fb9
- #a185bc
- #a78bc0
- #ad92c4
- #b499c8
- #baa0cd
- #c1a7d1
- #c7aed5
- #cdb5da
- #d3bcde
- #d8c3e3
- #decae7
- #e2d0eb
- #e7d6ef
- #ebdcf2
- #eee1f6
- #f1e6f8
- #f4eafb
- #f6edfd
- #f7f0fe
- #f7f1ff
- #f7f2ff
- #f6f2fe
- #f4f2fd
- #f1f0fb
- #eeeef9
- #eaecf6
- #e5e8f2
- #e0e5ee
- #dbe1ea
- #d5dde6
- #cfd8e0
- #c9d3db
- #c2ced5
- #bbc9cf
- #b4c4c9
- #aebfc2
- #a8babb
- #a1b5b4
- #9cb0ad
- #97aba6
- #92a69f
- #8ea199
- #8a9d92
- #87998d
- #849587
- #829283
- #818f7f
- #7f8c7c
CSS
background: linear-gradient(225deg in oklch, oklch(54.72% 0.1089 301.64) 0.0%, oklch(55.59% 0.1070 301.79) 1.8%, oklch(56.66% 0.1048 302.14) 3.6%, oklch(57.90% 0.1023 302.66) 5.5%, oklch(59.31% 0.0995 303.35) 7.3%, oklch(60.85% 0.0965 304.15) 9.1%, oklch(62.53% 0.0932 305.07) 10.9%, oklch(64.31% 0.0897 306.06) 12.7%, oklch(66.19% 0.0860 307.11) 14.5%, oklch(68.14% 0.0822 308.19) 16.4%, oklch(70.15% 0.0782 309.28) 18.2%, oklch(72.21% 0.0741 310.35) 20.0%, oklch(74.29% 0.0700 311.38) 21.8%, oklch(76.37% 0.0658 312.34) 23.6%, oklch(78.45% 0.0617 313.21) 25.5%, oklch(80.49% 0.0575 313.96) 27.3%, oklch(82.50% 0.0534 314.58) 29.1%, oklch(84.44% 0.0493 315.03) 30.9%, oklch(86.30% 0.0453 315.30) 32.7%, oklch(88.07% 0.0415 315.35) 34.5%, oklch(89.73% 0.0378 315.16) 36.4%, oklch(91.26% 0.0343 314.72) 38.2%, oklch(92.64% 0.0310 313.98) 40.0%, oklch(93.86% 0.0280 312.94) 41.8%, oklch(94.89% 0.0252 311.56) 43.6%, oklch(95.73% 0.0227 309.83) 45.5%, oklch(96.36% 0.0205 307.71) 47.3%, oklch(96.75% 0.0187 305.18) 49.1%, oklch(96.89% 0.0172 302.19) 50.9%, oklch(96.80% 0.0160 298.60) 52.7%, oklch(96.48% 0.0151 294.42) 54.5%, oklch(95.95% 0.0145 289.70) 56.4%, oklch(95.23% 0.0140 284.49) 58.2%, oklch(94.34% 0.0138 278.83) 60.0%, oklch(93.29% 0.0137 272.78) 61.8%, oklch(92.09% 0.0139 266.38) 63.6%, oklch(90.77% 0.0142 259.68) 65.5%, oklch(89.33% 0.0146 252.72) 67.3%, oklch(87.80% 0.0152 245.56) 69.1%, oklch(86.19% 0.0159 238.25) 70.9%, oklch(84.52% 0.0167 230.82) 72.7%, oklch(82.79% 0.0175 223.34) 74.5%, oklch(81.04% 0.0184 215.84) 76.4%, oklch(79.27% 0.0194 208.37) 78.2%, oklch(77.50% 0.0204 200.99) 80.0%, oklch(75.75% 0.0214 193.73) 81.8%, oklch(74.02% 0.0225 186.66) 83.6%, oklch(72.35% 0.0235 179.81) 85.5%, oklch(70.74% 0.0244 173.24) 87.3%, oklch(69.21% 0.0254 166.98) 89.1%, oklch(67.77% 0.0262 161.10) 90.9%, oklch(66.45% 0.0270 155.63) 92.7%, oklch(65.26% 0.0277 150.63) 94.5%, oklch(64.21% 0.0282 146.15) 96.4%, oklch(63.31% 0.0287 142.22) 98.2%, oklch(62.60% 0.0289 138.90) 100.0%);У цих колекціях
Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює
