Tím, hồng và xanh cổ vịt (bổ túc) (gradient tuyến tính)

Bảng màu Tím, hồng và xanh cổ vịt (bổ túc)

Gradient tuyến tính, 32 màu, góc 90°: #4d1833, #983657, #8e5569, #3f656c, #0d5b64. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4d1833
#541a36
#5c1d39
#67213e
#712442
#7b2846
#852d4c
#8f3151
#983657
#a03b5d
#a74061
#ae4666
#b24b6b
#b24f6f
#ab5270
#9e546c
#8e5569
#7e5467
#715569
#65576f
#575a71
#4c5e70
#45626c
#3f656c
#376b70
#2b7175
#1b7479
#0d7478
#056f74
#07676e
#0b6068
#0d5b64

CSS

background: linear-gradient(90deg in oklch, oklch(30.31% 0.0868 352.27) 0.0%, oklch(31.79% 0.0913 353.73) 3.2%, oklch(33.90% 0.0977 355.86) 6.5%, oklch(36.32% 0.1049 358.16) 9.7%, oklch(38.78% 0.1118 0.12) 12.9%, oklch(41.07% 0.1177 1.33) 16.1%, oklch(43.50% 0.1238 2.07) 19.4%, oklch(45.95% 0.1295 2.49) 22.6%, oklch(48.25% 0.1341 2.72) 25.8%, oklch(50.27% 0.1367 2.86) 29.0%, oklch(52.25% 0.1385 3.26) 32.3%, oklch(54.13% 0.1393 3.68) 35.5%, oklch(55.60% 0.1376 3.57) 38.7%, oklch(56.29% 0.1321 2.39) 41.9%, oklch(55.81% 0.1202 0.72) 45.2%, oklch(54.12% 0.1013 0.05) 48.4%, oklch(51.89% 0.0799 357.72) 51.6%, oklch(49.82% 0.0607 350.90) 54.8%, oklch(48.56% 0.0482 336.52) 58.1%, oklch(47.87% 0.0409 310.80) 61.3%, oklch(47.52% 0.0369 278.57) 64.5%, oklch(47.45% 0.0361 246.83) 67.7%, oklch(47.60% 0.0381 222.61) 71.0%, oklch(48.20% 0.0444 209.50) 74.2%, oklch(49.37% 0.0560 203.23) 77.4%, oklch(50.58% 0.0689 201.15) 80.6%, oklch(51.25% 0.0793 200.66) 83.9%, oklch(50.84% 0.0837 199.69) 87.1%, oklch(49.21% 0.0824 200.41) 90.3%, oklch(46.97% 0.0782 202.52) 93.5%, oklch(44.78% 0.0734 204.91) 96.8%, oklch(43.31% 0.0703 206.43) 100.0%);

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

Gradient cho hero section Gradient hồng và xanh cổ vị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