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

Bảng màu Cam, hồng và tím (ba tông) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 270°: #ffbb35, #ff9022, #ea5e3b, #a84182, #5f3085. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ffbb35
#ffb833
#ffb330
#ffae2c
#ffa828
#ffa225
#ff9d23
#ff9722
#ff9022
#ff8a21
#fe8322
#fc7d25
#fa7726
#f87127
#f46a2a
#f06431
#ea5e3b
#e25847
#d95451
#ce505b
#c44c63
#bb486c
#b24476
#a84182
#9d3f8d
#923d96
#873c99
#7c3a98
#723794
#6a348e
#633289
#5f3085

CSS

background: linear-gradient(270deg in oklch, oklch(83.46% 0.1585 79.45) 0.0%, oklch(82.86% 0.1591 77.85) 3.2%, oklch(82.01% 0.1599 75.62) 6.5%, oklch(81.02% 0.1612 72.97) 9.7%, oklch(79.95% 0.1629 70.10) 12.9%, oklch(78.91% 0.1650 67.24) 16.1%, oklch(77.91% 0.1670 64.38) 19.4%, oklch(76.89% 0.1692 61.30) 22.6%, oklch(75.84% 0.1719 58.12) 25.8%, oklch(74.75% 0.1756 54.94) 29.0%, oklch(73.62% 0.1786 51.89) 32.3%, oklch(72.44% 0.1803 49.17) 35.5%, oklch(71.25% 0.1823 46.93) 38.7%, oklch(70.02% 0.1841 44.79) 41.9%, oklch(68.72% 0.1849 42.34) 45.2%, oklch(67.30% 0.1843 39.17) 48.4%, oklch(65.72% 0.1814 34.95) 51.6%, oklch(63.93% 0.1755 30.00) 54.8%, oklch(62.02% 0.1678 24.40) 58.1%, oklch(60.09% 0.1601 18.19) 61.3%, oklch(58.23% 0.1540 11.39) 64.5%, oklch(56.55% 0.1510 3.92) 67.7%, oklch(55.04% 0.1516 354.85) 71.0%, oklch(53.62% 0.1542 344.78) 74.2%, oklch(52.24% 0.1574 334.76) 77.4%, oklch(50.84% 0.1597 325.85) 80.6%, oklch(49.35% 0.1596 319.10) 83.9%, oklch(47.63% 0.1567 314.45) 87.1%, oklch(45.77% 0.1522 311.26) 90.3%, oklch(43.97% 0.1470 309.12) 93.5%, oklch(42.43% 0.1423 307.60) 96.8%, oklch(41.34% 0.1392 306.30) 100.0%);

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

Gradient cam và tím

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