Xanh dương sang vàng (bổ túc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #2e3dc8, #474ab4, #8a7775, #b2a94d, #d1ca35. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2e3dc8
#2e3dc7
#2f3ec5
#303fc3
#3241c1
#3643bf
#3b45bb
#4147b8
#474ab4
#4d4eae
#5055a8
#525d9f
#5a6397
#67678f
#786a87
#866f7b
#8a7775
#8b8077
#8e8879
#948f75
#9c966b
#a59d5e
#ada352
#b2a94d
#b8af49
#beb447
#c3b945
#c7bd41
#cbc13e
#cdc53a
#cfc837
#d1ca35

CSS

background: linear-gradient(90deg in oklch, oklch(44.88% 0.2122 270.00) 0.0%, oklch(44.91% 0.2101 270.04) 3.2%, oklch(44.92% 0.2074 270.05) 6.5%, oklch(44.99% 0.2036 270.21) 9.7%, oklch(45.16% 0.1984 270.70) 12.9%, oklch(45.46% 0.1917 271.68) 16.1%, oklch(45.82% 0.1841 273.08) 19.4%, oklch(46.30% 0.1750 274.80) 22.6%, oklch(46.93% 0.1636 276.73) 25.8%, oklch(47.77% 0.1493 278.68) 29.0%, oklch(48.84% 0.1295 277.43) 32.3%, oklch(50.10% 0.1060 274.74) 35.5%, oklch(51.52% 0.0824 275.43) 38.7%, oklch(53.08% 0.0624 284.31) 41.9%, oklch(54.78% 0.0473 307.10) 45.2%, oklch(56.70% 0.0338 344.08) 48.4%, oklch(58.73% 0.0237 26.07) 51.6%, oklch(60.78% 0.0192 63.53) 54.8%, oklch(62.77% 0.0228 87.34) 58.1%, oklch(64.77% 0.0377 98.35) 61.3%, oklch(66.78% 0.0599 101.82) 64.5%, oklch(68.74% 0.0836 101.71) 67.7%, oklch(70.61% 0.1027 102.02) 71.0%, oklch(72.38% 0.1147 103.87) 74.2%, oklch(74.11% 0.1234 104.49) 77.4%, oklch(75.73% 0.1300 104.42) 80.6%, oklch(77.20% 0.1358 104.30) 83.9%, oklch(78.47% 0.1418 104.66) 87.1%, oklch(79.59% 0.1476 105.20) 90.3%, oklch(80.56% 0.1527 105.74) 93.5%, oklch(81.33% 0.1568 106.22) 96.8%, oklch(81.89% 0.1598 106.56) 100.0%);

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