Xanh dương, tím và nâu vàng (bộ ba) (gradient tuyến tính)

Xanh dương, tím và nâu vàng (bộ ba): bảng màu gồm 32 màu. #2b7cab, #3f557c, #7e565e, #b77961, #cab081. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 7 keyframe OKLCH chỉnh sửa được.

#2b7cab
#2b78a7
#2973a2
#286c9b
#296695
#2d618f
#335c89
#395883
#3f557c
#455276
#4b5071
#524f6e
#5b4e6c
#654f68
#6f5064
#775360
#7e565e
#875a5d
#905d5c
#9a625c
#a2665c
#aa6c5c
#b0725e
#b77961
#bc8064
#c18768
#c58e6b
#c7966f
#c99d73
#c9a578
#caab7d
#cab081

CSS

background: linear-gradient(135deg in oklch, oklch(55.91% 0.1061 239.06) 0.0%, oklch(54.75% 0.1047 239.97) 3.2%, oklch(53.09% 0.1029 241.03) 6.5%, oklch(51.19% 0.1006 242.53) 9.7%, oklch(49.35% 0.0974 244.74) 12.9%, oklch(47.84% 0.0931 247.93) 16.1%, oklch(46.70% 0.0871 251.89) 19.4%, oklch(45.68% 0.0790 256.17) 22.6%, oklch(44.84% 0.0700 261.34) 25.8%, oklch(44.28% 0.0617 268.02) 29.0%, oklch(44.07% 0.0552 276.79) 32.3%, oklch(44.30% 0.0515 288.70) 35.5%, oklch(44.95% 0.0494 304.60) 38.7%, oklch(45.93% 0.0487 322.47) 41.9%, oklch(47.15% 0.0493 340.17) 45.2%, oklch(48.51% 0.0511 355.52) 48.4%, oklch(49.95% 0.0542 6.73) 51.6%, oklch(51.62% 0.0598 14.86) 54.8%, oklch(53.46% 0.0668 20.95) 58.1%, oklch(55.40% 0.0740 25.81) 61.3%, oklch(57.37% 0.0800 30.24) 64.5%, oklch(59.30% 0.0836 34.91) 67.7%, oklch(61.31% 0.0852 38.90) 71.0%, oklch(63.36% 0.0855 42.21) 74.2%, oklch(65.41% 0.0849 45.35) 77.4%, oklch(67.37% 0.0838 48.84) 80.6%, oklch(69.19% 0.0824 53.18) 83.9%, oklch(70.99% 0.0802 58.92) 87.1%, oklch(72.77% 0.0772 65.54) 90.3%, oklch(74.40% 0.0739 72.17) 93.5%, oklch(75.78% 0.0709 77.93) 96.8%, oklch(76.77% 0.0689 81.96) 100.0%);

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

Hồ mờ sương cuối hạ

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