Xám, xanh ô liu và xanh dương (bổ túc) (gradient xuyên tâm)

Bảng màu Xám, xanh ô liu và xanh dương (bổ túc)

Gradient xuyên tâm, 32 màu: #e6e4d8, #bcbb8b, #657439, #2a4b4c, #4749a5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

7 keyframe OKLCH chỉnh sửa được.

#e6e4d8
#e4e2d3
#e1dfcb
#dedbc3
#dad6b9
#d4d1ae
#cecaa4
#c6c397
#bcbb8b
#b2b27e
#a8aa72
#9da166
#92985a
#868e4e
#7b8544
#6f7c3d
#657439
#5c6c38
#556339
#4d5b3a
#45553c
#3c513e
#324e44
#2a4b4c
#294854
#2e455b
#344262
#3a426c
#3f447b
#42468c
#44499b
#4749a5

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(91.73% 0.0165 101.25) 0.0%, oklch(90.97% 0.0205 101.28) 3.2%, oklch(89.95% 0.0261 101.24) 6.5%, oklch(88.69% 0.0326 101.29) 9.7%, oklch(87.16% 0.0394 101.55) 12.9%, oklch(85.37% 0.0459 102.16) 16.1%, oklch(83.25% 0.0520 103.24) 19.4%, oklch(80.79% 0.0584 104.72) 22.6%, oklch(78.07% 0.0648 106.46) 25.8%, oklch(75.19% 0.0707 108.32) 29.0%, oklch(72.24% 0.0758 110.17) 32.3%, oklch(69.24% 0.0800 111.84) 35.5%, oklch(66.00% 0.0842 113.30) 38.7%, oklch(62.66% 0.0878 114.79) 41.9%, oklch(59.35% 0.0898 116.55) 45.2%, oklch(56.20% 0.0895 118.85) 48.4%, oklch(53.29% 0.0857 121.50) 51.6%, oklch(50.41% 0.0770 122.85) 54.8%, oklch(47.64% 0.0656 124.25) 58.1%, oklch(45.10% 0.0540 127.58) 61.3%, oklch(42.92% 0.0448 134.70) 64.5%, oklch(41.22% 0.0404 147.67) 67.7%, oklch(39.87% 0.0387 169.18) 71.0%, oklch(38.87% 0.0392 196.10) 74.2%, oklch(38.25% 0.0422 224.00) 77.4%, oklch(38.03% 0.0479 248.43) 80.6%, oklch(38.27% 0.0569 265.01) 83.9%, oklch(39.28% 0.0720 273.72) 87.1%, oklch(40.93% 0.0919 277.36) 90.3%, oklch(42.81% 0.1130 277.93) 93.5%, oklch(44.53% 0.1318 277.39) 96.8%, oklch(45.67% 0.1447 277.73) 100.0%);

Trong các bộ sưu tập này

Vườn táo nở hoa

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động