Xanh hải quân, xanh cổ vịt, xanh lá nhạt và be (bộ ba) (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh cổ vịt, xanh lá nhạt và be (bộ ba)

Gradient tuyến tính, 32 màu, góc 135°: #130b38, #12408e, #34dad2, #a0e976, #f4dcc9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#130b38
#150e3e
#171145
#19154f
#1b1a5a
#1d2066
#1d2873
#1a3381
#12408e
#00529b
#0066a4
#007cb0
#0092bc
#00a9c8
#00bdd0
#1eced3
#34dad2
#3ee2cd
#46e8c4
#50ecb8
#5eeda8
#71ed97
#88eb85
#a0e976
#bae66c
#d1e26c
#e4dd76
#f1da88
#f7d99c
#f8d9af
#f7dabe
#f4dcc9

CSS

background: linear-gradient(135deg in oklch, oklch(19.69% 0.0813 284.06) 0.0%, oklch(21.00% 0.0863 282.61) 3.2%, oklch(22.59% 0.0935 281.03) 6.5%, oklch(24.47% 0.1021 279.17) 9.7%, oklch(26.67% 0.1113 276.88) 12.9%, oklch(29.21% 0.1203 274.00) 16.1%, oklch(32.13% 0.1284 270.39) 19.4%, oklch(35.43% 0.1347 265.91) 22.6%, oklch(39.19% 0.1385 260.37) 25.8%, oklch(43.89% 0.1375 253.51) 29.0%, oklch(49.45% 0.1255 245.39) 32.3%, oklch(55.50% 0.1201 236.42) 35.5%, oklch(61.69% 0.1190 226.90) 38.7%, oklch(67.64% 0.1210 217.19) 41.9%, oklch(73.00% 0.1254 207.62) 45.2%, oklch(77.40% 0.1276 198.51) 48.4%, oklch(80.55% 0.1295 190.13) 51.6%, oklch(82.67% 0.1347 182.14) 54.8%, oklch(84.01% 0.1421 174.37) 58.1%, oklch(84.77% 0.1503 166.72) 61.3%, oklch(85.14% 0.1581 159.07) 64.5%, oklch(85.35% 0.1641 151.32) 67.7%, oklch(85.58% 0.1669 143.36) 71.0%, oklch(86.04% 0.1653 135.08) 74.2%, oklch(86.79% 0.1576 126.11) 77.4%, oklch(87.54% 0.1439 116.02) 80.6%, oklch(88.26% 0.1259 105.31) 83.9%, oklch(88.94% 0.1055 94.52) 87.1%, oklch(89.57% 0.0845 84.17) 90.3%, oklch(90.12% 0.0649 74.79) 93.5%, oklch(90.58% 0.0485 66.92) 96.8%, oklch(90.94% 0.0372 61.09) 100.0%);

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

Gradient viễn thám

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