Xanh dương, tím oải hương và nâu vàng liền mạch (gradient tuyến tính)

Bảng màu Xanh dương, tím oải hương và nâu vàng liền mạch

Gradient tuyến tính, 32 màu, góc 180°: #7793ac, #9d84a5, #bf967e, #91ae8c, #728da1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7793ac
#7992ad
#7c90ae
#808eaf
#858caf
#8a8aae
#9088ac
#9686a9
#9d84a5
#a283a0
#a8839b
#ad8396
#b28591
#b7888b
#bb8c87
#be9082
#bf967e
#bf9b7c
#bca17b
#b7a67b
#b0aa7d
#a8ad81
#9dae86
#91ae8c
#86ac92
#7ca998
#75a49d
#719fa0
#709aa2
#7095a2
#7190a1
#728da1

CSS

background: linear-gradient(180deg in oklch, oklch(64.96% 0.0496 246.09) 0.0%, oklch(64.95% 0.0500 251.54) 3.2%, oklch(64.90% 0.0505 258.36) 6.5%, oklch(64.82% 0.0512 266.36) 9.7%, oklch(64.74% 0.0519 275.35) 12.9%, oklch(64.67% 0.0527 285.15) 16.1%, oklch(64.64% 0.0534 295.56) 19.4%, oklch(64.66% 0.0542 306.41) 22.6%, oklch(64.75% 0.0550 317.51) 25.8%, oklch(64.93% 0.0557 328.67) 29.0%, oklch(65.23% 0.0563 339.70) 32.3%, oklch(65.69% 0.0569 350.61) 35.5%, oklch(66.40% 0.0576 1.93) 38.7%, oklch(67.30% 0.0583 13.64) 41.9%, oklch(68.33% 0.0591 25.66) 45.2%, oklch(69.42% 0.0598 37.93) 48.4%, oklch(70.48% 0.0604 50.39) 51.6%, oklch(71.47% 0.0609 62.98) 54.8%, oklch(72.30% 0.0612 75.61) 58.1%, oklch(72.90% 0.0612 88.23) 61.3%, oklch(73.22% 0.0610 100.78) 64.5%, oklch(73.17% 0.0604 113.26) 67.7%, oklch(72.72% 0.0593 126.58) 71.0%, oklch(71.94% 0.0577 140.70) 74.2%, oklch(70.91% 0.0559 155.27) 77.4%, oklch(69.69% 0.0538 169.91) 80.6%, oklch(68.38% 0.0516 184.28) 83.9%, oklch(67.04% 0.0494 197.99) 87.1%, oklch(65.76% 0.0473 210.69) 90.3%, oklch(64.60% 0.0454 222.01) 93.5%, oklch(63.66% 0.0438 231.58) 96.8%, oklch(62.99% 0.0427 239.05) 100.0%);

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

Gradient cầu vồng tông trầ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