Xanh dương nhạt, xám và xanh hải quân (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 225°: #7db9d0, #cfd1f0, #e9dbe6, #94899e, #303957. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #7db9d0
- #7fb9d1
- #82bad3
- #86bbd6
- #8abcd8
- #8fbdda
- #94bedd
- #9ac0df
- #a0c1e2
- #a5c3e4
- #acc5e7
- #b2c7e9
- #b8c8eb
- #becaec
- #c4ccee
- #c9cfef
- #cfd1f0
- #d4d3f0
- #d8d5f1
- #ddd7f1
- #e0d9f2
- #e4daf2
- #e7dcf2
- #e9def1
- #ebdff1
- #ece0f1
- #ede0f0
- #eee1ef
- #eee0ee
- #ede0ec
- #ecdfeb
- #ebdde9
- #e9dbe6
- #e6d9e3
- #e3d5e0
- #dfd1dc
- #dacdd8
- #d6c8d4
- #d0c3cf
- #cbbdca
- #c5b7c5
- #beb1c0
- #b8aaba
- #b1a4b5
- #aa9daf
- #a396a9
- #9b8fa4
- #94899e
- #8c8298
- #847b93
- #7d758d
- #756e88
- #6d6883
- #66627e
- #5f5d79
- #585774
- #52526f
- #4b4e6b
- #464967
- #404563
- #3b415f
- #373e5c
- #333b59
- #303957
CSS
background: linear-gradient(225deg in oklch, oklch(75.20% 0.0703 224.30) 0.0%, oklch(75.50% 0.0694 226.18) 1.6%, oklch(75.89% 0.0684 228.42) 3.2%, oklch(76.38% 0.0671 230.99) 4.8%, oklch(76.94% 0.0658 233.86) 6.3%, oklch(77.57% 0.0643 237.01) 7.9%, oklch(78.27% 0.0627 240.42) 9.5%, oklch(79.01% 0.0610 244.05) 11.1%, oklch(79.81% 0.0592 247.88) 12.7%, oklch(80.64% 0.0573 251.88) 14.3%, oklch(81.50% 0.0554 256.03) 15.9%, oklch(82.37% 0.0533 260.30) 17.5%, oklch(83.27% 0.0513 264.67) 19.0%, oklch(84.16% 0.0492 269.10) 20.6%, oklch(85.05% 0.0471 273.57) 22.2%, oklch(85.92% 0.0450 278.07) 23.8%, oklch(86.78% 0.0429 282.55) 25.4%, oklch(87.60% 0.0408 286.99) 27.0%, oklch(88.38% 0.0387 291.37) 28.6%, oklch(89.12% 0.0367 295.66) 30.2%, oklch(89.80% 0.0348 299.83) 31.7%, oklch(90.42% 0.0329 303.87) 33.3%, oklch(90.97% 0.0311 307.73) 34.9%, oklch(91.43% 0.0294 311.40) 36.5%, oklch(91.81% 0.0278 314.85) 38.1%, oklch(92.09% 0.0264 318.05) 39.7%, oklch(92.26% 0.0250 320.98) 41.3%, oklch(92.32% 0.0239 323.61) 42.9%, oklch(92.25% 0.0228 325.91) 44.4%, oklch(92.06% 0.0220 327.86) 46.0%, oklch(91.73% 0.0213 329.44) 47.6%, oklch(91.24% 0.0208 330.60) 49.2%, oklch(90.60% 0.0206 331.35) 50.8%, oklch(89.77% 0.0205 331.70) 52.4%, oklch(88.76% 0.0206 331.69) 54.0%, oklch(87.57% 0.0209 331.33) 55.6%, oklch(86.23% 0.0213 330.66) 57.1%, oklch(84.74% 0.0219 329.68) 58.7%, oklch(83.12% 0.0227 328.43) 60.3%, oklch(81.38% 0.0235 326.92) 61.9%, oklch(79.53% 0.0245 325.18) 63.5%, oklch(77.58% 0.0256 323.23) 65.1%, oklch(75.55% 0.0268 321.09) 66.7%, oklch(73.44% 0.0281 318.78) 68.3%, oklch(71.28% 0.0294 316.32) 69.8%, oklch(69.07% 0.0308 313.74) 71.4%, oklch(66.82% 0.0322 311.05) 73.0%, oklch(64.55% 0.0337 308.28) 74.6%, oklch(62.26% 0.0352 305.46) 76.2%, oklch(59.98% 0.0368 302.60) 77.8%, oklch(57.72% 0.0383 299.72) 79.4%, oklch(55.47% 0.0398 296.84) 81.0%, oklch(53.27% 0.0414 294.00) 82.5%, oklch(51.12% 0.0428 291.20) 84.1%, oklch(49.03% 0.0443 288.48) 85.7%, oklch(47.01% 0.0457 285.85) 87.3%, oklch(45.08% 0.0470 283.34) 88.9%, oklch(43.25% 0.0483 280.96) 90.5%, oklch(41.53% 0.0495 278.74) 92.1%, oklch(39.94% 0.0506 276.70) 93.7%, oklch(38.48% 0.0515 274.87) 95.2%, oklch(37.17% 0.0524 273.26) 96.8%, oklch(36.02% 0.0531 271.89) 98.4%, oklch(35.04% 0.0537 270.79) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
