Pelangi dari ungu gelap ke merah muda, gradien linear

Gradien linear, 40 warna dengan sudut 90°: #2b1438, #36b9d4, #bfe47b, #ffa252, #f15a8a. Edit dan ekspor CSS, SVG, PNG, atau shader.
4 keyframe OKLCH yang dapat diedit.
- #2b1438
- #301c43
- #352651
- #3b3262
- #414275
- #445389
- #46669d
- #457baf
- #4090bf
- #3ba5cc
- #36b9d4
- #38cad8
- #41d9d7
- #4ee3d3
- #5eeacb
- #70efc1
- #81f1b5
- #93f0a7
- #a3ee99
- #b2ea8a
- #bfe47b
- #cbdd6d
- #d5d660
- #dfcf54
- #e7c74b
- #eebf44
- #f5b841
- #fbb040
- #ffa946
- #ffa252
- #ff9b59
- #ff925f
- #ff8a63
- #ff8068
- #ff766c
- #ff6d71
- #fb6678
- #f7617f
- #f45d85
- #f15a8a
CSS
background: linear-gradient(90deg in oklch, oklch(24.41% 0.0703 311.48) 0.0%, oklch(27.18% 0.0729 305.82) 2.6%, oklch(30.85% 0.0762 298.74) 5.1%, oklch(35.25% 0.0802 290.42) 7.7%, oklch(40.21% 0.0847 281.09) 10.3%, oklch(45.58% 0.0895 270.94) 12.8%, oklch(51.19% 0.0946 260.17) 15.4%, oklch(56.88% 0.0999 248.99) 17.9%, oklch(62.48% 0.1051 237.60) 20.5%, oklch(67.83% 0.1102 226.21) 23.1%, oklch(72.77% 0.1150 215.02) 25.6%, oklch(77.13% 0.1195 204.23) 28.2%, oklch(80.75% 0.1234 194.05) 30.8%, oklch(83.46% 0.1268 184.67) 33.3%, oklch(85.36% 0.1295 175.82) 35.9%, oklch(86.69% 0.1317 167.07) 38.5%, oklch(87.50% 0.1336 158.43) 41.0%, oklch(87.86% 0.1351 149.91) 43.6%, oklch(87.85% 0.1364 141.52) 46.2%, oklch(87.52% 0.1375 133.27) 48.7%, oklch(86.94% 0.1386 125.16) 51.3%, oklch(86.17% 0.1396 117.21) 53.8%, oklch(85.29% 0.1407 109.41) 56.4%, oklch(84.36% 0.1420 101.80) 59.0%, oklch(83.43% 0.1435 94.36) 61.5%, oklch(82.59% 0.1453 87.11) 64.1%, oklch(81.89% 0.1474 80.06) 66.7%, oklch(81.17% 0.1501 73.06) 69.2%, oklch(80.26% 0.1499 66.02) 71.8%, oklch(79.19% 0.1453 58.99) 74.4%, oklch(77.99% 0.1446 52.05) 76.9%, oklch(76.71% 0.1471 45.25) 79.5%, oklch(75.38% 0.1522 38.67) 82.1%, oklch(74.03% 0.1594 32.36) 84.6%, oklch(72.71% 0.1685 26.39) 87.2%, oklch(71.45% 0.1784 20.84) 89.7%, oklch(70.28% 0.1816 15.75) 92.3%, oklch(69.24% 0.1845 11.20) 94.9%, oklch(68.38% 0.1869 7.25) 97.4%, oklch(67.72% 0.1888 3.97) 100.0%);