Cam, đỏ và tím tông rực rỡ (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #da9631, #b64a4c, #81245f, #af4145, #ce8804. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#da9631
#d99030
#d88930
#d57f32
#d17536
#cc6a3b
#c65f41
#be5447
#b64a4c
#ac4151
#a33956
#993359
#912d5c
#8a295e
#84265f
#81245f
#81245f
#83245d
#88265c
#8e2959
#952d55
#9e3351
#a7394b
#af4145
#b74a3d
#be5435
#c35e2c
#c86922
#cb7219
#cd7b10
#ce8208
#ce8804

CSS

background: linear-gradient(135deg in oklch, oklch(72.44% 0.1378 72.42) 0.0%, oklch(71.25% 0.1379 68.94) 3.2%, oklch(69.64% 0.1381 64.23) 6.5%, oklch(67.69% 0.1384 58.49) 9.7%, oklch(65.47% 0.1386 51.93) 12.9%, oklch(63.05% 0.1389 44.77) 16.1%, oklch(60.48% 0.1392 37.22) 19.4%, oklch(57.86% 0.1395 29.48) 22.6%, oklch(55.23% 0.1398 21.76) 25.8%, oklch(52.67% 0.1401 14.28) 29.0%, oklch(50.25% 0.1404 7.24) 32.3%, oklch(48.04% 0.1407 0.85) 35.5%, oklch(46.11% 0.1410 355.32) 38.7%, oklch(44.52% 0.1413 350.86) 41.9%, oklch(43.35% 0.1416 347.68) 45.2%, oklch(42.66% 0.1418 345.99) 48.4%, oklch(42.52% 0.1420 345.99) 51.6%, oklch(42.91% 0.1423 347.68) 54.8%, oklch(43.78% 0.1425 350.86) 58.1%, oklch(45.05% 0.1427 355.32) 61.3%, oklch(46.66% 0.1429 0.85) 64.5%, oklch(48.54% 0.1431 7.24) 67.7%, oklch(50.63% 0.1433 14.28) 71.0%, oklch(52.87% 0.1435 21.76) 74.2%, oklch(55.19% 0.1437 29.48) 77.4%, oklch(57.52% 0.1439 37.22) 80.6%, oklch(59.79% 0.1440 44.77) 83.9%, oklch(61.95% 0.1442 51.93) 87.1%, oklch(63.93% 0.1443 58.49) 90.3%, oklch(65.66% 0.1445 64.23) 93.5%, oklch(67.07% 0.1446 68.94) 96.8%, oklch(68.11% 0.1447 72.42) 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