Xanh hải quân, tím và tím oải hương (tương đồng) (gradient tuyến tính)

Bảng màu Xanh hải quân, tím và tím oải hương (tương đồng)

Gradient tuyến tính, 32 màu, góc 45°: #070e27, #18306b, #4b4dbe, #8d67dd, #d9c2f7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#070e27
#08102c
#0a1332
#0c183a
#0e1c43
#10214d
#122657
#152b61
#18306b
#1b3476
#203880
#253c8c
#2c3f97
#3343a2
#3a46ac
#434ab6
#4b4dbe
#5450c5
#5d52ca
#6755cf
#7058d3
#7a5cd7
#8461da
#8d67dd
#9770e1
#a27be5
#ad88e9
#b896ec
#c2a4ef
#cbb0f2
#d3baf5
#d9c2f7

CSS

background: linear-gradient(45deg in oklch, oklch(17.32% 0.0524 268.59) 0.0%, oklch(18.52% 0.0566 268.14) 3.2%, oklch(20.11% 0.0621 267.41) 6.5%, oklch(22.01% 0.0688 266.54) 9.7%, oklch(24.12% 0.0761 265.65) 12.9%, oklch(26.34% 0.0840 264.87) 16.1%, oklch(28.58% 0.0922 264.33) 19.4%, oklch(30.76% 0.1002 264.17) 22.6%, oklch(32.77% 0.1081 264.50) 25.8%, oklch(34.75% 0.1166 265.25) 29.0%, oklch(36.76% 0.1260 266.33) 32.3%, oklch(38.77% 0.1357 267.69) 35.5%, oklch(40.79% 0.1453 269.28) 38.7%, oklch(42.79% 0.1543 271.06) 41.9%, oklch(44.76% 0.1622 272.97) 45.2%, oklch(46.69% 0.1685 274.97) 48.4%, oklch(48.55% 0.1729 277.07) 51.6%, oklch(50.26% 0.1766 279.52) 54.8%, oklch(51.85% 0.1795 282.25) 58.1%, oklch(53.42% 0.1813 285.13) 61.3%, oklch(55.02% 0.1818 288.04) 64.5%, oklch(56.74% 0.1809 290.84) 67.7%, oklch(58.65% 0.1783 293.40) 71.0%, oklch(60.82% 0.1737 295.59) 74.2%, oklch(63.41% 0.1664 297.38) 77.4%, oklch(66.55% 0.1552 298.93) 80.6%, oklch(70.03% 0.1413 300.27) 83.9%, oklch(73.64% 0.1260 301.42) 87.1%, oklch(77.16% 0.1106 302.40) 90.3%, oklch(80.38% 0.0962 303.23) 93.5%, oklch(83.08% 0.0842 303.93) 96.8%, oklch(85.04% 0.0758 304.52) 100.0%);

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

Gradient xanh chà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