Tím đậm, đỏ và cam (ba tông) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #211324, #562963, #af3b62, #e0711d, #f2b441. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#211324
#251428
#2a162e
#2f1935
#361c3e
#3d1f47
#452250
#4d255a
#562963
#5f2c6b
#692e71
#733075
#7f3276
#8b3475
#973671
#a3386a
#af3b62
#b94058
#c3464e
#ca4d42
#d15537
#d65d2d
#db6724
#e0711d
#e37b19
#e7851a
#e98f1f
#ec9826
#eea12f
#f0a836
#f1af3d
#f2b441

CSS

background: linear-gradient(135deg in oklch, oklch(21.26% 0.0386 320.63) 0.0%, oklch(22.43% 0.0439 320.50) 3.2%, oklch(23.94% 0.0509 319.95) 6.5%, oklch(25.72% 0.0593 319.16) 9.7%, oklch(27.71% 0.0686 318.32) 12.9%, oklch(29.87% 0.0787 317.61) 16.1%, oklch(32.13% 0.0889 317.22) 19.4%, oklch(34.44% 0.0990 317.34) 22.6%, oklch(36.73% 0.1086 318.15) 25.8%, oklch(38.96% 0.1172 319.85) 29.0%, oklch(41.07% 0.1247 322.61) 32.3%, oklch(43.04% 0.1307 326.68) 35.5%, oklch(45.01% 0.1363 332.20) 38.7%, oklch(46.97% 0.1414 338.92) 41.9%, oklch(48.93% 0.1460 346.53) 45.2%, oklch(50.89% 0.1502 354.75) 48.4%, oklch(52.85% 0.1539 3.29) 51.6%, oklch(54.79% 0.1570 11.86) 54.8%, oklch(56.72% 0.1596 20.16) 58.1%, oklch(58.64% 0.1617 27.92) 61.3%, oklch(60.55% 0.1633 34.83) 64.5%, oklch(62.45% 0.1642 40.67) 67.7%, oklch(64.44% 0.1641 46.00) 71.0%, oklch(66.53% 0.1631 51.04) 74.2%, oklch(68.66% 0.1613 55.77) 77.4%, oklch(70.78% 0.1589 60.18) 80.6%, oklch(72.85% 0.1562 64.25) 83.9%, oklch(74.82% 0.1533 67.96) 87.1%, oklch(76.64% 0.1506 71.30) 90.3%, oklch(78.26% 0.1481 74.26) 93.5%, oklch(79.63% 0.1460 76.83) 96.8%, oklch(80.71% 0.1447 78.98) 100.0%);

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

Gradient Halloween

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