Xanh hải quân, xanh cổ vịt và be (ba tông) (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh cổ vịt và be (ba tông)

Gradient tuyến tính, 32 màu, góc 135°: #001927, #00555b, #489a73, #c1c987, #f4ead9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#001927
#001d2b
#002331
#002a38
#00313f
#003a47
#00434e
#004c55
#00555b
#005d61
#006666
#006f6a
#00786e
#008270
#198b71
#349272
#489a73
#5ba274
#6ea975
#81b076
#93b778
#a4be7c
#b3c381
#c1c987
#cdcd90
#d7d29a
#e0d7a6
#e6dbb2
#ebe0be
#efe4c9
#f2e7d2
#f4ead9

CSS

background: linear-gradient(135deg in oklch, oklch(20.10% 0.0428 235.23) 0.0%, oklch(21.70% 0.0447 232.86) 3.2%, oklch(23.83% 0.0474 229.81) 6.5%, oklch(26.37% 0.0505 226.23) 9.7%, oklch(29.19% 0.0540 222.21) 12.9%, oklch(32.17% 0.0578 217.88) 16.1%, oklch(35.18% 0.0617 213.35) 19.4%, oklch(38.10% 0.0656 208.73) 22.6%, oklch(40.82% 0.0696 204.12) 25.8%, oklch(43.48% 0.0739 199.39) 29.0%, oklch(46.16% 0.0788 194.46) 32.3%, oklch(48.86% 0.0846 189.33) 35.5%, oklch(51.56% 0.0913 184.02) 38.7%, oklch(54.27% 0.0995 178.52) 41.9%, oklch(56.97% 0.1036 172.86) 45.2%, oklch(59.68% 0.1015 167.02) 48.4%, oklch(62.39% 0.0999 160.96) 51.6%, oklch(65.19% 0.0987 154.35) 54.8%, oklch(68.06% 0.0977 147.34) 58.1%, oklch(70.93% 0.0967 140.13) 61.3%, oklch(73.75% 0.0953 132.95) 64.5%, oklch(76.47% 0.0933 125.99) 67.7%, oklch(79.02% 0.0905 119.47) 71.0%, oklch(81.35% 0.0866 113.60) 74.2%, oklch(83.46% 0.0811 108.40) 77.4%, oklch(85.47% 0.0736 103.49) 80.6%, oklch(87.36% 0.0648 98.92) 83.9%, oklch(89.09% 0.0554 94.73) 87.1%, oklch(90.66% 0.0460 90.95) 90.3%, oklch(92.03% 0.0373 87.66) 93.5%, oklch(93.18% 0.0300 84.88) 96.8%, oklch(94.09% 0.0248 82.67) 100.0%);

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

Wilderkind

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