Xanh hải quân, tím và xanh dương nhạt (ba tông) (gradient tuyến tính)

Bảng màu Xanh hải quân, tím và xanh dương nhạt (ba tông)

Gradient tuyến tính, 32 màu, góc 45°: #0c1122, #3e2277, #a7407b, #cd87b7, #c8e8ee. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0c1122
#0e1328
#111530
#15183b
#1a1a46
#211c53
#2a1e5f
#33206c
#3e2277
#492481
#552788
#612a8d
#6f2d8e
#7e308c
#8d3487
#9b3981
#a7407b
#b24877
#ba5175
#c15b78
#c76580
#cc6f8d
#ce7aa0
#cd87b7
#c996cd
#c1a6e0
#bab6ec
#b4c5f1
#b4d2f2
#b9dcf1
#c0e3ef
#c8e8ee

CSS

background: linear-gradient(45deg in oklch, oklch(18.11% 0.0358 270.00) 0.0%, oklch(19.34% 0.0433 271.77) 3.2%, oklch(20.89% 0.0538 273.88) 6.5%, oklch(22.72% 0.0664 276.33) 9.7%, oklch(24.77% 0.0805 279.09) 12.9%, oklch(27.00% 0.0953 282.14) 16.1%, oklch(29.36% 0.1100 285.48) 19.4%, oklch(31.78% 0.1240 289.08) 22.6%, oklch(34.23% 0.1365 292.93) 25.8%, oklch(36.66% 0.1468 297.00) 29.0%, oklch(39.01% 0.1541 301.29) 32.3%, oklch(41.27% 0.1581 306.24) 35.5%, oklch(43.57% 0.1598 313.09) 38.7%, oklch(45.90% 0.1597 321.32) 41.9%, oklch(48.27% 0.1580 330.31) 45.2%, oklch(50.66% 0.1549 339.39) 48.4%, oklch(53.08% 0.1507 347.94) 51.6%, oklch(55.52% 0.1457 355.32) 54.8%, oklch(57.98% 0.1400 0.87) 58.1%, oklch(60.44% 0.1341 3.97) 61.3%, oklch(62.92% 0.1280 3.97) 64.5%, oklch(65.41% 0.1220 0.18) 67.7%, oklch(68.08% 0.1146 351.73) 71.0%, oklch(70.94% 0.1059 339.25) 74.2%, oklch(73.89% 0.0962 323.73) 77.4%, oklch(76.86% 0.0860 306.14) 80.6%, oklch(79.79% 0.0755 287.46) 83.9%, oklch(82.58% 0.0653 268.66) 87.1%, oklch(85.17% 0.0556 250.73) 90.3%, oklch(87.48% 0.0470 234.64) 93.5%, oklch(89.43% 0.0398 221.36) 96.8%, oklch(90.94% 0.0344 211.88) 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