Hitam, hijau toska, hijau, dan hijau zaitun seamless, gradien angular
Gradien angular, 80 warna dengan sudut 90°: #070c12, #094e66, #218c76, #b99a31, #0b1013. Edit dan ekspor CSS, SVG, PNG, atau shader.
5 keyframe OKLCH yang dapat diedit.
- #070c12
- #080e14
- #091017
- #0a121a
- #0b141d
- #0c1721
- #0d1a25
- #0e1d2a
- #0f202e
- #102433
- #112738
- #112b3d
- #122f42
- #123348
- #12374d
- #113b52
- #113f56
- #0f435b
- #0e475f
- #0c4a62
- #094e66
- #065169
- #03556b
- #00586e
- #005b70
- #005f72
- #006273
- #006575
- #006876
- #006b78
- #006e79
- #00727a
- #00757a
- #00787b
- #007b7b
- #007e7b
- #02817b
- #0a847a
- #128679
- #1a8978
- #218c76
- #298e74
- #329171
- #3c956e
- #479869
- #539b64
- #609d5f
- #6c9f59
- #79a153
- #85a24c
- #90a346
- #9ba341
- #a5a33c
- #ada338
- #b4a235
- #b9a134
- #bc9f33
- #be9e32
- #bc9c32
- #b99a31
- #b39731
- #aa9431
- #9e9132
- #908c34
- #808737
- #6f813b
- #5e793e
- #4e7141
- #3e6843
- #305f43
- #245542
- #1c4b40
- #16413c
- #143736
- #122e30
- #11262a
- #101f23
- #0e191d
- #0d1417
- #0b1013
CSS
background: conic-gradient(from 90deg in oklch, oklch(15.35% 0.0152 251.72) 0.0%, oklch(16.03% 0.0168 251.11) 1.3%, oklch(16.83% 0.0188 250.44) 2.5%, oklch(17.75% 0.0211 249.73) 3.8%, oklch(18.77% 0.0237 248.96) 5.1%, oklch(19.89% 0.0265 248.13) 6.3%, oklch(21.08% 0.0295 247.25) 7.6%, oklch(22.35% 0.0327 246.31) 8.9%, oklch(23.67% 0.0361 245.31) 10.1%, oklch(25.03% 0.0395 244.25) 11.4%, oklch(26.43% 0.0430 243.12) 12.7%, oklch(27.85% 0.0465 241.93) 13.9%, oklch(29.28% 0.0500 240.67) 15.2%, oklch(30.71% 0.0535 239.34) 16.5%, oklch(32.12% 0.0569 237.95) 17.7%, oklch(33.50% 0.0601 236.48) 19.0%, oklch(34.85% 0.0633 234.94) 20.3%, oklch(36.15% 0.0662 233.32) 21.5%, oklch(37.39% 0.0689 231.62) 22.8%, oklch(38.55% 0.0714 229.85) 24.1%, oklch(39.63% 0.0735 228.00) 25.3%, oklch(40.68% 0.0755 226.09) 26.6%, oklch(41.70% 0.0773 224.12) 27.8%, oklch(42.71% 0.0790 222.10) 29.1%, oklch(43.70% 0.0796 220.04) 30.4%, oklch(44.68% 0.0802 217.89) 31.6%, oklch(45.64% 0.0809 215.67) 32.9%, oklch(46.58% 0.0816 213.38) 34.2%, oklch(47.50% 0.0824 211.02) 35.4%, oklch(48.41% 0.0834 208.58) 36.7%, oklch(49.30% 0.0844 206.06) 38.0%, oklch(50.18% 0.0855 203.47) 39.2%, oklch(51.05% 0.0868 200.79) 40.5%, oklch(51.90% 0.0883 198.03) 41.8%, oklch(52.73% 0.0900 195.17) 43.0%, oklch(53.55% 0.0919 192.22) 44.3%, oklch(54.36% 0.0938 189.18) 45.6%, oklch(55.15% 0.0949 186.04) 46.8%, oklch(55.94% 0.0960 182.80) 48.1%, oklch(56.71% 0.0972 179.46) 49.4%, oklch(57.48% 0.0985 175.93) 50.6%, oklch(58.36% 0.1002 171.77) 51.9%, oklch(59.35% 0.1021 167.00) 53.2%, oklch(60.41% 0.1042 161.73) 54.4%, oklch(61.54% 0.1065 156.06) 55.7%, oklch(62.69% 0.1090 150.08) 57.0%, oklch(63.86% 0.1115 143.90) 58.2%, oklch(65.01% 0.1140 137.63) 59.5%, oklch(66.13% 0.1164 131.36) 60.8%, oklch(67.19% 0.1188 125.19) 62.0%, oklch(68.17% 0.1210 119.23) 63.3%, oklch(69.05% 0.1230 113.59) 64.6%, oklch(69.79% 0.1247 108.35) 65.8%, oklch(70.39% 0.1261 103.63) 67.1%, oklch(70.82% 0.1271 99.53) 68.4%, oklch(71.04% 0.1277 96.15) 69.6%, oklch(71.05% 0.1278 93.58) 70.9%, oklch(70.82% 0.1273 91.94) 72.2%, oklch(70.32% 0.1263 91.32) 73.4%, oklch(69.54% 0.1246 91.83) 74.7%, oklch(68.40% 0.1221 93.63) 75.9%, oklch(66.84% 0.1186 96.84) 77.2%, oklch(64.89% 0.1144 101.33) 78.5%, oklch(62.61% 0.1094 106.95) 79.7%, oklch(60.03% 0.1037 113.56) 81.0%, oklch(57.20% 0.0976 121.01) 82.3%, oklch(54.16% 0.0909 129.17) 83.5%, oklch(50.97% 0.0840 137.88) 84.8%, oklch(47.67% 0.0768 147.01) 86.1%, oklch(44.30% 0.0694 156.41) 87.3%, oklch(40.90% 0.0620 165.94) 88.6%, oklch(37.54% 0.0546 175.46) 89.9%, oklch(34.24% 0.0474 184.81) 91.1%, oklch(31.06% 0.0405 193.86) 92.4%, oklch(28.03% 0.0339 202.46) 93.7%, oklch(25.22% 0.0277 210.48) 94.9%, oklch(22.65% 0.0221 217.76) 96.2%, oklch(20.39% 0.0172 224.16) 97.5%, oklch(18.46% 0.0130 229.54) 98.7%, oklch(16.93% 0.0096 233.75) 100.0%);