Xanh hải quân, tím và cam (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #1d1b36, #2f4589, #7b49ad, #cc5177, #eda94f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1d1b36
#201e3c
#222244
#25264e
#272c59
#293265
#2b3871
#2d3f7e
#2f4589
#324a94
#384e9e
#4051a5
#4a51ab
#5650af
#624eb1
#6e4cb0
#7b49ad
#8747a8
#9344a2
#9f439a
#aa4491
#b54689
#c14a80
#cc5177
#d65a6c
#df6662
#e57259
#ea7f52
#ec8c4d
#ee984c
#eea24d
#eda94f

CSS

background: linear-gradient(45deg in oklch, oklch(24.02% 0.0510 285.47) 0.0%, oklch(25.30% 0.0559 284.18) 3.2%, oklch(27.02% 0.0626 282.04) 6.5%, oklch(29.06% 0.0706 279.34) 9.7%, oklch(31.35% 0.0794 276.36) 12.9%, oklch(33.79% 0.0889 273.39) 16.1%, oklch(36.29% 0.0986 270.72) 19.4%, oklch(38.77% 0.1081 268.64) 22.6%, oklch(41.13% 0.1170 267.43) 25.8%, oklch(43.28% 0.1250 267.38) 29.0%, oklch(45.13% 0.1318 268.78) 32.3%, oklch(46.63% 0.1372 271.83) 35.5%, oklch(47.83% 0.1420 276.30) 38.7%, oklch(48.82% 0.1464 281.99) 41.9%, oklch(49.65% 0.1503 288.67) 45.2%, oklch(50.38% 0.1537 296.16) 48.4%, oklch(51.09% 0.1566 304.23) 51.6%, oklch(51.84% 0.1589 312.68) 54.8%, oklch(52.68% 0.1607 321.31) 58.1%, oklch(53.69% 0.1619 329.90) 61.3%, oklch(54.92% 0.1625 338.25) 64.5%, oklch(56.46% 0.1625 346.26) 67.7%, oklch(58.37% 0.1614 354.87) 71.0%, oklch(60.59% 0.1592 4.20) 74.2%, oklch(63.03% 0.1561 13.96) 77.4%, oklch(65.60% 0.1525 23.88) 80.6%, oklch(68.20% 0.1486 33.68) 83.9%, oklch(70.73% 0.1445 43.09) 87.1%, oklch(73.11% 0.1406 51.84) 90.3%, oklch(75.23% 0.1371 59.64) 93.5%, oklch(77.01% 0.1343 66.22) 96.8%, oklch(78.35% 0.1323 71.30) 100.0%);

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

Gradient bản đồ nhiệt

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