Cầu vồng từ xanh hải quân sang nâu tông trầm (gradient tuyến tính)

Bảng màu Cầu vồng từ xanh hải quân sang nâu tông trầm

Gradient tuyến tính, 32 màu, góc 225°: #0a0e1d, #3f3f7b, #00666b, #6e884e, #9f5061. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0a0e1d
#0d1224
#10172f
#141d3c
#19244b
#1f2c59
#253266
#2f3971
#3f3f7b
#504584
#604b8b
#6b5191
#6d5797
#625e9d
#47639a
#1d6789
#00666b
#1b624e
#375d39
#475c31
#536332
#5d6e3a
#667b44
#6e884e
#789152
#84934e
#938c40
#a17f36
#aa6f39
#aa6047
#a55556
#9f5061

CSS

background: linear-gradient(225deg in oklch, oklch(16.93% 0.0317 271.41) 0.0%, oklch(18.74% 0.0386 271.02) 3.2%, oklch(21.25% 0.0486 270.25) 6.5%, oklch(24.22% 0.0603 269.43) 9.7%, oklch(27.43% 0.0722 268.89) 12.9%, oklch(30.66% 0.0830 268.97) 16.1%, oklch(33.69% 0.0911 270.00) 19.4%, oklch(36.63% 0.0962 273.58) 22.6%, oklch(39.91% 0.0997 281.05) 25.8%, oklch(43.27% 0.1017 289.89) 29.0%, oklch(46.39% 0.1025 297.45) 32.3%, oklch(48.99% 0.1023 301.11) 35.5%, oklch(50.77% 0.1012 298.23) 38.7%, oklch(51.33% 0.0990 285.85) 41.9%, oklch(50.41% 0.0945 262.93) 45.2%, oklch(48.56% 0.0884 233.29) 48.4%, oklch(46.43% 0.0790 201.09) 51.6%, oklch(44.64% 0.0763 170.45) 54.8%, oklch(43.84% 0.0725 145.55) 58.1%, oklch(44.65% 0.0717 130.28) 61.3%, oklch(47.25% 0.0736 124.10) 64.5%, oklch(51.00% 0.0775 123.77) 67.7%, oklch(55.20% 0.0824 126.21) 71.0%, oklch(59.15% 0.0876 128.31) 74.2%, oklch(62.15% 0.0923 126.98) 77.4%, oklch(63.50% 0.0956 119.12) 80.6%, oklch(63.11% 0.0982 103.85) 83.9%, oklch(61.52% 0.1004 83.63) 87.1%, oklch(59.23% 0.1022 61.15) 90.3%, oklch(56.73% 0.1038 39.13) 93.5%, oklch(54.54% 0.1051 20.25) 96.8%, oklch(53.15% 0.1061 7.22) 100.0%);

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

Bảng màu phù thủy

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