Tím đậm, tím, cam và đen (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 135°: #230722, #6b5488, #c9660a, #332634, #37022d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#230722
#270c28
#2d1230
#331a3a
#392245
#412c52
#48355e
#503f6b
#584876
#614f80
#6b5488
#78578d
#89588f
#9d598c
#b05982
#c05a71
#cb5d5b
#d16143
#d16529
#ce6810
#c9660a
#c05f1e
#b35730
#a24d3e
#8d4547
#763d4b
#603749
#4c3143
#3d2b3b
#332634
#2d222f
#2a1e2c
#281b2c
#29182c
#2b152d
#2d112d
#310e2e
#34092e
#36052e
#37022d

CSS

background: linear-gradient(135deg in oklch, oklch(19.29% 0.0634 329.06) 0.0%, oklch(21.15% 0.0644 326.80) 2.6%, oklch(23.64% 0.0655 323.06) 5.1%, oklch(26.61% 0.0666 318.38) 7.7%, oklch(29.93% 0.0679 313.29) 10.3%, oklch(33.44% 0.0695 308.32) 12.8%, oklch(37.01% 0.0716 304.00) 15.4%, oklch(40.49% 0.0740 300.86) 17.9%, oklch(43.74% 0.0771 299.43) 20.5%, oklch(46.61% 0.0808 300.25) 23.1%, oklch(48.98% 0.0853 303.88) 25.6%, oklch(51.28% 0.0920 311.62) 28.2%, oklch(53.63% 0.1009 323.00) 30.8%, oklch(55.92% 0.1111 336.93) 33.3%, oklch(58.05% 0.1217 352.30) 35.9%, oklch(59.91% 0.1321 8.02) 38.5%, oklch(61.41% 0.1415 22.98) 41.0%, oklch(62.42% 0.1490 36.10) 43.6%, oklch(62.86% 0.1538 46.27) 46.2%, oklch(62.62% 0.1552 52.40) 48.7%, oklch(61.53% 0.1522 53.47) 51.3%, oklch(59.33% 0.1439 49.68) 53.8%, oklch(56.20% 0.1313 42.02) 56.4%, oklch(52.38% 0.1158 31.50) 59.0%, oklch(48.12% 0.0985 19.10) 61.5%, oklch(43.66% 0.0807 5.82) 64.1%, oklch(39.27% 0.0637 352.66) 66.7%, oklch(35.17% 0.0487 340.61) 69.2%, oklch(31.63% 0.0370 330.67) 71.8%, oklch(28.88% 0.0299 323.83) 74.4%, oklch(27.00% 0.0280 320.44) 76.9%, oklch(25.62% 0.0303 319.19) 79.5%, oklch(24.67% 0.0359 319.64) 82.1%, oklch(24.05% 0.0439 321.39) 84.6%, oklch(23.70% 0.0536 324.06) 87.2%, oklch(23.54% 0.0640 327.26) 89.7%, oklch(23.48% 0.0743 330.59) 92.3%, oklch(23.47% 0.0838 333.67) 94.9%, oklch(23.41% 0.0914 336.11) 97.4%, oklch(23.23% 0.0965 337.52) 100.0%);

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

Gradient Diwali

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