Đen, xanh cổ vịt và vàng mù tạt (gradient tuyến tính)

Bảng màu Đen, xanh cổ vịt và vàng mù tạt

Gradient tuyến tính, 32 màu, góc 180°: #08070b, #12363f, #148788, #3bc6a3, #e8b93e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#08070b
#0b0a0f
#0d0d15
#10121b
#121822
#131e2a
#132632
#132e39
#12363f
#113f45
#12484b
#135151
#155b59
#166563
#16706e
#157c7b
#148788
#129395
#0f9ea1
#0ba8aa
#0ab1b0
#11bab1
#23c1ac
#3bc6a3
#56ca95
#72cb83
#8dcb70
#a6c85e
#bdc44e
#cfc043
#debc3e
#e8b93e

CSS

background: linear-gradient(180deg in oklch, oklch(13.39% 0.0096 297.42) 0.0%, oklch(14.75% 0.0123 291.34) 3.2%, oklch(16.45% 0.0155 283.06) 6.5%, oklch(18.44% 0.0193 273.10) 9.7%, oklch(20.68% 0.0236 261.97) 12.9%, oklch(23.12% 0.0283 250.20) 16.1%, oklch(25.73% 0.0333 238.32) 19.4%, oklch(28.45% 0.0385 226.83) 22.6%, oklch(31.24% 0.0439 216.26) 25.8%, oklch(34.06% 0.0493 207.13) 29.0%, oklch(36.87% 0.0547 199.95) 32.3%, oklch(39.71% 0.0602 195.20) 35.5%, oklch(42.84% 0.0662 192.73) 38.7%, oklch(46.20% 0.0726 192.02) 41.9%, oklch(49.69% 0.0793 192.58) 45.2%, oklch(53.25% 0.0862 193.88) 48.4%, oklch(56.78% 0.0930 195.42) 51.6%, oklch(60.20% 0.0996 196.68) 54.8%, oklch(63.43% 0.1059 197.16) 58.1%, oklch(66.38% 0.1117 196.34) 61.3%, oklch(68.98% 0.1168 193.70) 64.5%, oklch(71.15% 0.1213 188.75) 67.7%, oklch(72.97% 0.1252 181.28) 71.0%, oklch(74.50% 0.1286 171.77) 74.2%, oklch(75.80% 0.1316 160.75) 77.4%, oklch(76.87% 0.1343 148.77) 80.6%, oklch(77.77% 0.1366 136.37) 83.9%, oklch(78.52% 0.1387 124.10) 87.1%, oklch(79.16% 0.1405 112.50) 90.3%, oklch(79.71% 0.1420 102.11) 93.5%, oklch(80.22% 0.1434 93.47) 96.8%, oklch(80.71% 0.1447 87.13) 100.0%);

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

Gradient Día de Muertos

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