Xanh hải quân, xám, nâu vàng và tím (gradient tuyến tính)

Bảng màu Xanh hải quân, xám, nâu vàng và tím

Gradient tuyến tính, 32 màu, góc 315°: #243043, #536c89, #a7b3a1, #d5b767, #774a55. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#243043
#283448
#2d3a50
#334059
#3a4863
#42506d
#495978
#4f6281
#536c89
#57778f
#5f8292
#6a8d94
#789796
#87a099
#95a79c
#a0aea0
#a7b3a1
#aeb9a0
#b4bd9b
#bbc194
#c2c38a
#c9c27e
#d0be72
#d5b767
#d6ab60
#d29b5c
#c8895b
#b8785c
#a6685c
#935b5b
#835158
#774a55

CSS

background: linear-gradient(315deg in oklch, oklch(30.71% 0.0386 259.45) 0.0%, oklch(32.37% 0.0402 259.82) 3.2%, oklch(34.56% 0.0428 261.15) 6.5%, oklch(37.18% 0.0459 262.79) 9.7%, oklch(40.09% 0.0490 264.06) 12.9%, oklch(43.18% 0.0519 264.30) 16.1%, oklch(46.32% 0.0541 262.83) 19.4%, oklch(49.39% 0.0552 259.00) 22.6%, oklch(52.29% 0.0548 252.10) 25.8%, oklch(55.35% 0.0518 241.27) 29.0%, oklch(58.63% 0.0468 227.16) 32.3%, oklch(61.98% 0.0406 210.87) 35.5%, oklch(65.27% 0.0344 193.51) 38.7%, oklch(68.37% 0.0291 176.16) 41.9%, oklch(71.15% 0.0256 159.92) 45.2%, oklch(73.47% 0.0251 145.88) 48.4%, oklch(75.27% 0.0285 134.96) 51.6%, oklch(76.90% 0.0367 126.42) 54.8%, oklch(78.34% 0.0482 119.54) 58.1%, oklch(79.47% 0.0617 113.73) 61.3%, oklch(80.19% 0.0757 108.40) 64.5%, oklch(80.39% 0.0886 102.95) 67.7%, oklch(79.95% 0.0990 96.79) 71.0%, oklch(78.77% 0.1053 89.34) 74.2%, oklch(76.54% 0.1066 79.98) 77.4%, oklch(72.94% 0.1039 68.78) 80.6%, oklch(68.38% 0.0983 56.45) 83.9%, oklch(63.30% 0.0908 43.74) 87.1%, oklch(58.13% 0.0824 31.37) 90.3%, oklch(53.31% 0.0744 20.09) 93.5%, oklch(49.27% 0.0677 10.63) 96.8%, oklch(46.46% 0.0634 3.72) 100.0%);

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

Rạng đông hái nhài

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