Biru, cokelat muda, biru terang, dan hijau terang, gradien linear
Gradien linear, 64 warna dengan sudut 135°: #5f8eb9, #d3d37c, #becde4, #f3db41, #3a506c. Edit dan ekspor CSS, SVG, PNG, atau shader.
5 keyframe OKLCH yang dapat diedit.
- #5f8eb9
- #5c92ba
- #5697bb
- #509ebb
- #4ba5b9
- #48acb5
- #4bb3af
- #55baa7
- #65c09d
- #78c493
- #8cc789
- #9fca81
- #b0cc7b
- #bfcd78
- #cacf77
- #d1d178
- #d3d37c
- #d1d682
- #cbd98a
- #c1dd96
- #b6dfa3
- #aae1b2
- #a2e1c1
- #9ee0ce
- #9eddd9
- #a3dae0
- #a9d6e4
- #b0d3e5
- #b6d0e5
- #bacee4
- #bdcde3
- #becce3
- #becde4
- #bbcee8
- #b7d2ed
- #b0d6f1
- #a6dcf5
- #9ae2f4
- #8fe9ef
- #89f0e3
- #8bf4d1
- #99f6bb
- #adf6a2
- #c4f289
- #d8ed71
- #e8e65c
- #f1e04c
- #f3db41
- #edd63a
- #e0d23a
- #cdce3f
- #b4ca4a
- #98c458
- #78bd67
- #57b475
- #37a981
- #199c89
- #0b8f8d
- #18818c
- #267488
- #306882
- #365e7a
- #395672
- #3a506c
CSS
background: linear-gradient(135deg in oklch, oklch(62.99% 0.0827 247.50) 0.0%, oklch(63.81% 0.0839 241.98) 1.6%, oklch(64.85% 0.0856 234.48) 3.2%, oklch(66.09% 0.0877 225.35) 4.8%, oklch(67.49% 0.0902 214.91) 6.3%, oklch(69.02% 0.0929 203.50) 7.9%, oklch(70.65% 0.0957 191.44) 9.5%, oklch(72.34% 0.0986 179.07) 11.1%, oklch(74.06% 0.1015 166.71) 12.7%, oklch(75.77% 0.1041 154.70) 14.3%, oklch(77.45% 0.1065 143.37) 15.9%, oklch(79.05% 0.1085 133.06) 17.5%, oklch(80.55% 0.1101 124.08) 19.0%, oklch(81.90% 0.1111 116.77) 20.6%, oklch(83.09% 0.1115 111.47) 22.2%, oklch(84.07% 0.1111 108.50) 23.8%, oklch(84.81% 0.1098 108.22) 25.4%, oklch(85.34% 0.1072 111.18) 27.0%, oklch(85.71% 0.1032 117.18) 28.6%, oklch(85.92% 0.0981 125.74) 30.2%, oklch(86.01% 0.0921 136.41) 31.7%, oklch(85.99% 0.0854 148.71) 33.3%, oklch(85.88% 0.0784 162.20) 34.9%, oklch(85.69% 0.0712 176.39) 36.5%, oklch(85.47% 0.0640 190.83) 38.1%, oklch(85.21% 0.0571 205.06) 39.7%, oklch(84.94% 0.0508 218.60) 41.3%, oklch(84.69% 0.0452 231.00) 42.9%, oklch(84.47% 0.0406 241.79) 44.4%, oklch(84.30% 0.0373 250.51) 46.0%, oklch(84.21% 0.0354 256.68) 47.6%, oklch(84.21% 0.0352 259.86) 49.2%, oklch(84.34% 0.0370 259.58) 50.8%, oklch(84.66% 0.0412 255.78) 52.4%, oklch(85.16% 0.0475 248.91) 54.0%, oklch(85.79% 0.0555 239.44) 55.6%, oklch(86.51% 0.0650 227.87) 57.1%, oklch(87.27% 0.0755 214.68) 58.7%, oklch(88.05% 0.0868 200.35) 60.3%, oklch(88.79% 0.0985 185.36) 61.9%, oklch(89.45% 0.1102 170.20) 63.5%, oklch(90.00% 0.1217 155.34) 65.1%, oklch(90.39% 0.1325 141.28) 66.7%, oklch(90.58% 0.1423 128.49) 68.3%, oklch(90.53% 0.1509 117.45) 69.8%, oklch(90.19% 0.1577 108.66) 71.4%, oklch(89.53% 0.1626 102.58) 73.0%, oklch(88.51% 0.1651 99.71) 74.6%, oklch(87.04% 0.1651 100.30) 76.2%, oklch(85.04% 0.1629 103.80) 77.8%, oklch(82.59% 0.1588 109.84) 79.4%, oklch(79.76% 0.1530 118.06) 81.0%, oklch(76.61% 0.1459 128.10) 82.5%, oklch(73.23% 0.1376 139.59) 84.1%, oklch(69.69% 0.1285 152.17) 85.7%, oklch(66.06% 0.1189 165.49) 87.3%, oklch(62.41% 0.1089 179.17) 88.9%, oklch(58.81% 0.0989 192.87) 90.5%, oklch(55.35% 0.0892 206.20) 92.1%, oklch(52.08% 0.0800 218.82) 93.7%, oklch(49.10% 0.0716 230.36) 95.2%, oklch(46.46% 0.0642 240.46) 96.8%, oklch(44.24% 0.0582 248.76) 98.4%, oklch(42.52% 0.0537 254.90) 100.0%);