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

Bảng màu Xanh hải quân, xanh cổ vịt, xanh lá và be

Gradient tuyến tính, 32 màu, góc 90°: #101c34, #63768a, #1db2c0, #98be57, #ebddbc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#101c34
#16223b
#1f2c43
#2b384e
#374559
#455366
#526072
#5c6c7f
#63768a
#667f95
#6587a0
#628fab
#5b96b4
#519dbc
#43a4c1
#31abc3
#1db2c0
#00b8b9
#00bdac
#25c09b
#49c187
#67c073
#82bf61
#98be57
#abbf56
#bbc15e
#c9c56d
#d4ca7f
#ddcf92
#e3d5a3
#e8dab2
#ebddbc

CSS

background: linear-gradient(90deg in oklch, oklch(22.83% 0.0510 263.67) 0.0%, oklch(25.55% 0.0492 262.66) 3.2%, oklch(29.32% 0.0462 261.51) 6.5%, oklch(33.82% 0.0426 260.14) 9.7%, oklch(38.71% 0.0390 258.50) 12.9%, oklch(43.69% 0.0361 256.52) 16.1%, oklch(48.42% 0.0346 254.15) 19.4%, oklch(52.57% 0.0351 251.33) 22.6%, oklch(55.85% 0.0383 248.01) 25.8%, oklch(58.52% 0.0447 244.46) 29.0%, oklch(60.79% 0.0538 240.69) 32.3%, oklch(62.74% 0.0646 236.57) 35.5%, oklch(64.44% 0.0764 231.95) 38.7%, oklch(65.94% 0.0881 226.69) 41.9%, oklch(67.32% 0.0989 220.64) 45.2%, oklch(68.63% 0.1080 213.66) 48.4%, oklch(69.90% 0.1149 205.47) 51.6%, oklch(70.88% 0.1209 195.39) 54.8%, oklch(71.62% 0.1269 183.85) 58.1%, oklch(72.21% 0.1333 171.50) 61.3%, oklch(72.77% 0.1376 158.94) 64.5%, oklch(73.39% 0.1402 146.79) 67.7%, oklch(74.19% 0.1407 135.68) 71.0%, oklch(75.27% 0.1387 126.22) 74.2%, oklch(76.74% 0.1332 118.59) 77.4%, oklch(78.61% 0.1234 112.00) 80.6%, oklch(80.74% 0.1105 106.30) 83.9%, oklch(82.99% 0.0958 101.42) 87.1%, oklch(85.20% 0.0808 97.27) 90.3%, oklch(87.23% 0.0668 93.74) 93.5%, oklch(88.93% 0.0550 90.77) 96.8%, oklch(90.16% 0.0469 88.25) 100.0%);

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

Gradient bản đồ nhiệt Màu vệt dầu loang

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