Hồng sang tím (tương đồng) tông rực rỡ (gradient hình nón)

Bảng màu Hồng sang tím (tương đồng) tông rực rỡ

Gradient hình nón, 32 màu, góc 45°: #fc3aa1, #e734d1, #a13ae3, #6726be, #341273. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fc3aa1
#fb39a5
#fa38aa
#f937b0
#f736b7
#f435be
#f134c5
#ec34cb
#e734d1
#e035d6
#d837db
#d038df
#c63ae2
#bd3be5
#b33be6
#aa3be5
#a13ae3
#9838e1
#8f36dd
#8733d8
#7f30d2
#762ccc
#6f29c5
#6726be
#6023b6
#5820ac
#501da1
#491b96
#42188b
#3c1681
#371479
#341273

CSS

background: conic-gradient(from 45deg in oklch, oklch(67.32% 0.2411 353.67) 0.0%, oklch(67.24% 0.2429 352.19) 3.2%, oklch(67.17% 0.2456 350.27) 6.5%, oklch(67.10% 0.2489 347.98) 9.7%, oklch(66.99% 0.2522 345.41) 12.9%, oklch(66.81% 0.2554 342.64) 16.1%, oklch(66.53% 0.2581 339.75) 19.4%, oklch(66.14% 0.2599 336.82) 22.6%, oklch(65.60% 0.2604 333.92) 25.8%, oklch(64.94% 0.2599 330.79) 29.0%, oklch(64.17% 0.2587 327.40) 32.3%, oklch(63.31% 0.2567 323.87) 35.5%, oklch(62.35% 0.2543 320.31) 38.7%, oklch(61.30% 0.2515 316.83) 41.9%, oklch(60.15% 0.2485 313.56) 45.2%, oklch(58.92% 0.2454 310.61) 48.4%, oklch(57.59% 0.2424 308.06) 51.6%, oklch(56.12% 0.2394 305.77) 54.8%, oklch(54.54% 0.2363 303.70) 58.1%, oklch(52.86% 0.2330 301.82) 61.3%, oklch(51.12% 0.2293 300.12) 64.5%, oklch(49.33% 0.2252 298.57) 67.7%, oklch(47.52% 0.2205 297.16) 71.0%, oklch(45.72% 0.2151 295.86) 74.2%, oklch(43.87% 0.2085 294.68) 77.4%, oklch(41.81% 0.2003 293.68) 80.6%, oklch(39.63% 0.1910 292.84) 83.9%, oklch(37.45% 0.1812 292.13) 87.1%, oklch(35.36% 0.1716 291.54) 90.3%, oklch(33.47% 0.1629 291.05) 93.5%, oklch(31.89% 0.1555 290.63) 96.8%, oklch(30.71% 0.1502 290.27) 100.0%);

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

Conic gradients

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