Xanh dương, tím, nâu và xám (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 45°: #5c618d, #534a6d, #533b4f, #725242, #737d57. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5c618d
#5c618c
#5c608b
#5c5f8a
#5c5d88
#5b5c87
#5b5b85
#5a5983
#595881
#59567e
#58557c
#57537a
#565177
#564f75
#554e72
#544c70
#534a6d
#52496b
#524769
#514666
#504464
#504362
#50415f
#4f405d
#4f3f5b
#4f3e59
#4f3d58
#4f3c56
#503c54
#503b53
#513b52
#523b50
#533b4f
#543b4e
#563b4d
#583c4c
#5a3d4c
#5c3e4b
#5f3f4a
#614049
#634248
#664447
#684646
#6b4845
#6d4a44
#6f4d43
#714f43
#725242
#745542
#755842
#765b42
#775e42
#776143
#786544
#786845
#786b47
#776e49
#77704b
#76734d
#76754f
#757851
#747a53
#747b55
#737d57

CSS

background: linear-gradient(45deg in oklch, oklch(50.79% 0.0703 278.44) 0.0%, oklch(50.57% 0.0699 279.26) 1.6%, oklch(50.29% 0.0694 280.10) 3.2%, oklch(49.97% 0.0688 280.95) 4.8%, oklch(49.61% 0.0682 281.82) 6.3%, oklch(49.21% 0.0675 282.71) 7.9%, oklch(48.77% 0.0668 283.63) 9.5%, oklch(48.31% 0.0660 284.58) 11.1%, oklch(47.81% 0.0652 285.56) 12.7%, oklch(47.29% 0.0643 286.59) 14.3%, oklch(46.76% 0.0634 287.67) 15.9%, oklch(46.21% 0.0625 288.79) 17.5%, oklch(45.65% 0.0616 289.97) 19.0%, oklch(45.08% 0.0606 291.21) 20.6%, oklch(44.52% 0.0597 292.51) 22.2%, oklch(43.95% 0.0587 293.88) 23.8%, oklch(43.39% 0.0577 295.32) 25.4%, oklch(42.84% 0.0568 296.83) 27.0%, oklch(42.31% 0.0558 298.43) 28.6%, oklch(41.79% 0.0549 300.12) 30.2%, oklch(41.30% 0.0540 301.89) 31.7%, oklch(40.83% 0.0531 303.76) 33.3%, oklch(40.39% 0.0522 305.73) 34.9%, oklch(39.99% 0.0514 307.80) 36.5%, oklch(39.63% 0.0506 309.98) 38.1%, oklch(39.31% 0.0499 312.27) 39.7%, oklch(39.04% 0.0493 314.68) 41.3%, oklch(38.82% 0.0487 317.21) 42.9%, oklch(38.66% 0.0481 319.87) 44.4%, oklch(38.55% 0.0477 322.65) 46.0%, oklch(38.51% 0.0473 325.57) 47.6%, oklch(38.54% 0.0470 328.63) 49.2%, oklch(38.64% 0.0468 331.86) 50.8%, oklch(38.82% 0.0466 335.40) 52.4%, oklch(39.07% 0.0465 339.26) 54.0%, oklch(39.39% 0.0465 343.40) 55.6%, oklch(39.78% 0.0466 347.81) 57.1%, oklch(40.22% 0.0467 352.46) 58.7%, oklch(40.72% 0.0469 357.33) 60.3%, oklch(41.27% 0.0471 2.40) 61.9%, oklch(41.86% 0.0473 7.63) 63.5%, oklch(42.49% 0.0476 13.01) 65.1%, oklch(43.16% 0.0480 18.52) 66.7%, oklch(43.86% 0.0483 24.12) 68.3%, oklch(44.59% 0.0487 29.80) 69.8%, oklch(45.34% 0.0492 35.53) 71.4%, oklch(46.10% 0.0496 41.28) 73.0%, oklch(46.88% 0.0501 47.05) 74.6%, oklch(47.66% 0.0506 52.79) 76.2%, oklch(48.45% 0.0511 58.48) 77.8%, oklch(49.23% 0.0515 64.11) 79.4%, oklch(50.01% 0.0520 69.65) 81.0%, oklch(50.77% 0.0525 75.07) 82.5%, oklch(51.52% 0.0530 80.36) 84.1%, oklch(52.25% 0.0535 85.48) 85.7%, oklch(52.96% 0.0539 90.41) 87.3%, oklch(53.63% 0.0544 95.13) 88.9%, oklch(54.27% 0.0548 99.62) 90.5%, oklch(54.86% 0.0552 103.85) 92.1%, oklch(55.42% 0.0555 107.79) 93.7%, oklch(55.92% 0.0558 111.43) 95.2%, oklch(56.37% 0.0561 114.74) 96.8%, oklch(56.76% 0.0563 117.70) 98.4%, oklch(57.09% 0.0565 120.28) 100.0%);

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

Wasabi và tím mận kiểu editorial

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