Xanh dương, xám và nâu (bổ túc) (gradient hình nón)

Bảng màu Xanh dương, xám và nâu (bổ túc)

Gradient hình nón, 32 màu, góc 90°: #044cab, #248edf, #8db1b3, #bca65d, #9d750d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#044cab
#0152b1
#005bb9
#0065c1
#006fca
#0078d2
#0080d8
#1387dd
#248edf
#3195e0
#3b9bde
#46a1da
#58a6d2
#6baac9
#7badc0
#87afb9
#8db1b3
#90b4ac
#95b6a1
#9fb592
#acb283
#b5ae77
#baaa6b
#bca65d
#bba24d
#b99e3c
#b7992d
#b39121
#ae8918
#a78113
#a17a10
#9d750d

CSS

background: conic-gradient(from 90deg in oklch, oklch(44.09% 0.1654 258.75) 0.0%, oklch(45.84% 0.1663 257.65) 3.2%, oklch(48.33% 0.1657 256.12) 6.5%, oklch(51.20% 0.1646 254.29) 9.7%, oklch(54.11% 0.1638 252.39) 12.9%, oklch(56.71% 0.1631 250.59) 16.1%, oklch(58.89% 0.1634 249.22) 19.4%, oklch(60.96% 0.1595 248.33) 22.6%, oklch(62.90% 0.1526 247.38) 25.8%, oklch(64.72% 0.1440 245.83) 29.0%, oklch(66.40% 0.1335 243.10) 32.3%, oklch(67.95% 0.1197 239.23) 35.5%, oklch(69.40% 0.1006 235.27) 38.7%, oklch(70.72% 0.0795 230.42) 41.9%, oklch(71.88% 0.0599 223.70) 45.2%, oklch(72.84% 0.0455 214.16) 48.4%, oklch(73.57% 0.0394 200.37) 51.6%, oklch(74.13% 0.0404 180.31) 54.8%, oklch(74.51% 0.0462 156.86) 58.1%, oklch(74.68% 0.0549 133.52) 61.3%, oklch(74.60% 0.0644 113.83) 64.5%, oklch(74.27% 0.0732 101.11) 67.7%, oklch(73.67% 0.0842 94.88) 71.0%, oklch(72.83% 0.0969 92.85) 74.2%, oklch(71.77% 0.1095 93.07) 77.4%, oklch(70.50% 0.1198 93.59) 80.6%, oklch(69.03% 0.1261 92.50) 83.9%, oklch(67.05% 0.1277 90.36) 87.1%, oklch(64.68% 0.1260 88.22) 90.3%, oklch(62.26% 0.1226 86.22) 93.5%, oklch(60.13% 0.1192 84.54) 96.8%, oklch(58.66% 0.1171 83.33) 100.0%);

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

Gradient vàng và xanh dương Xanh hải quân và vàng kim

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