Tím oải hương, xanh dương và tím (tương đồng) (gradient xuyên tâm)

Tím oải hương, xanh dương và tím (tương đồng): bảng màu gồm 32 màu. #b5a4d8, #9772ab, #8547be, #d67cff, #0e0008. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 6 keyframe OKLCH chỉnh sửa được.

#b5a4d8
#b5a1d4
#b69dce
#b799c7
#b693bf
#b48db8
#af86b2
#a67dae
#9772ab
#8467a8
#6f5ca6
#5d54a5
#504ea5
#504ba9
#5b49b0
#6e47b8
#8547be
#9d47c1
#b049c2
#bd4cc6
#c756d2
#d063e3
#d670f5
#d67cff
#d17fff
#c678f0
#b065cc
#8f4b9b
#682f68
#42163c
#22041b
#0e0008

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(75.20% 0.0758 299.53) 0.0%, oklch(74.46% 0.0756 302.81) 3.2%, oklch(73.56% 0.0748 307.96) 6.5%, oklch(72.44% 0.0741 313.81) 9.7%, oklch(71.07% 0.0741 319.22) 12.9%, oklch(69.40% 0.0755 323.02) 16.1%, oklch(67.38% 0.0789 324.06) 19.4%, oklch(64.67% 0.0850 320.93) 22.6%, oklch(60.96% 0.0934 313.61) 25.8%, oklch(56.79% 0.1034 304.02) 29.0%, oklch(52.73% 0.1144 294.09) 32.3%, oklch(49.35% 0.1257 285.76) 35.5%, oklch(47.22% 0.1365 280.99) 38.7%, oklch(46.83% 0.1468 281.51) 41.9%, oklch(47.99% 0.1584 286.89) 45.2%, oklch(50.22% 0.1704 295.36) 48.4%, oklch(53.08% 0.1819 305.13) 51.6%, oklch(56.12% 0.1920 314.42) 54.8%, oklch(58.89% 0.1996 321.45) 58.1%, oklch(61.15% 0.2040 324.56) 61.3%, oklch(64.29% 0.2068 324.10) 64.5%, oklch(67.95% 0.2081 321.39) 67.7%, oklch(71.25% 0.2071 317.66) 71.0%, oklch(73.34% 0.2005 314.14) 74.2%, oklch(73.34% 0.1931 312.04) 77.4%, oklch(70.36% 0.1847 312.58) 80.6%, oklch(63.18% 0.1660 315.95) 83.9%, oklch(52.70% 0.1411 321.21) 87.1%, oklch(40.59% 0.1134 327.45) 90.3%, oklch(28.51% 0.0862 333.75) 93.5%, oklch(18.10% 0.0629 339.19) 96.8%, oklch(11.02% 0.0469 342.86) 100.0%);

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

Gradient tím và hồ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