Cầu vồng từ hồng cánh sen sang tím (gradient tuyến tính)

Bảng màu Cầu vồng từ hồng cánh sen sang tím

Gradient tuyến tính, 32 màu, góc 135°: #9b2459, #df582d, #fbb739, #0081a4, #752b98. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#9b2459
#a12657
#aa2854
#b42b4f
#bf3049
#c93741
#d14039
#d94b32
#df582d
#e4672b
#e8752b
#eb822d
#ed8e2e
#ee992e
#f3a333
#f8ad38
#fbb739
#f7bf37
#e8c633
#c5cb3c
#84c95b
#00bb86
#009d9e
#0081a4
#0064b5
#3a4ab6
#4f3bac
#5b33a4
#642f9f
#6b2e9d
#702d9b
#752b98

CSS

background: linear-gradient(135deg in oklch, oklch(46.85% 0.1598 358.59) 0.0%, oklch(48.05% 0.1629 1.63) 3.2%, oklch(49.66% 0.1676 5.76) 6.5%, oklch(51.59% 0.1729 10.68) 9.7%, oklch(53.73% 0.1780 16.09) 12.9%, oklch(55.97% 0.1818 21.68) 16.1%, oklch(58.22% 0.1833 27.13) 19.4%, oklch(60.52% 0.1817 32.38) 22.6%, oklch(63.07% 0.1773 37.73) 25.8%, oklch(65.75% 0.1712 43.22) 29.0%, oklch(68.42% 0.1646 48.85) 32.3%, oklch(70.96% 0.1584 54.65) 35.5%, oklch(73.22% 0.1540 60.62) 38.7%, oklch(75.28% 0.1520 66.28) 41.9%, oklch(77.73% 0.1517 70.21) 45.2%, oklch(80.21% 0.1525 73.63) 48.4%, oklch(82.27% 0.1539 78.00) 51.6%, oklch(83.43% 0.1558 84.77) 54.8%, oklch(83.24% 0.1576 95.41) 58.1%, oklch(81.17% 0.1590 111.61) 61.3%, oklch(76.58% 0.1607 135.32) 64.5%, oklch(70.21% 0.1491 164.24) 67.7%, oklch(63.03% 0.1075 195.35) 71.0%, oklch(56.00% 0.1067 225.59) 74.2%, oklch(50.10% 0.1495 251.91) 77.4%, oklch(46.28% 0.1697 271.32) 80.6%, oklch(44.33% 0.1708 284.84) 83.9%, oklch(43.60% 0.1716 294.44) 87.1%, oklch(43.69% 0.1723 301.05) 90.3%, oklch(44.19% 0.1728 305.63) 93.5%, oklch(44.72% 0.1733 309.11) 96.8%, oklch(44.88% 0.1736 312.45) 100.0%);

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

Gradient cầu vồng

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