Xanh dương, tím và nâu (ba tông) (gradient tuyến tính)

Bảng màu Xanh dương, tím và nâu (ba tông)

Gradient tuyến tính, 32 màu, góc 90°: #0e006d, #31248a, #5c4996, #866789, #b3846d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0e006d
#110170
#140574
#180a77
#1c107b
#211580
#261a84
#2c1f87
#31248a
#35288d
#3a2d8f
#3f3291
#443793
#4a3c94
#4f4195
#564596
#5c4996
#634e95
#695293
#6f5691
#745b8f
#7a5f8c
#80638a
#866789
#8c6a87
#946e85
#9c7182
#a4747d
#aa7878
#af7d73
#b2816f
#b3846d

CSS

background: linear-gradient(90deg in oklch, oklch(24.84% 0.1628 269.99) 0.0%, oklch(25.58% 0.1653 270.75) 3.2%, oklch(26.61% 0.1654 271.73) 6.5%, oklch(27.84% 0.1656 272.89) 9.7%, oklch(29.21% 0.1656 274.20) 12.9%, oklch(30.67% 0.1653 275.59) 16.1%, oklch(32.15% 0.1645 277.03) 19.4%, oklch(33.60% 0.1629 278.47) 22.6%, oklch(34.98% 0.1605 279.84) 25.8%, oklch(36.37% 0.1574 281.02) 29.0%, oklch(37.78% 0.1536 282.07) 32.3%, oklch(39.23% 0.1492 283.10) 35.5%, oklch(40.68% 0.1444 284.26) 38.7%, oklch(42.13% 0.1390 285.67) 41.9%, oklch(43.57% 0.1333 287.46) 45.2%, oklch(44.98% 0.1272 289.75) 48.4%, oklch(46.35% 0.1206 292.60) 51.6%, oklch(47.71% 0.1126 295.55) 54.8%, oklch(49.06% 0.1035 298.69) 58.1%, oklch(50.39% 0.0939 302.18) 61.3%, oklch(51.71% 0.0845 306.20) 64.5%, oklch(53.01% 0.0758 310.92) 67.7%, oklch(54.31% 0.0684 316.50) 71.0%, oklch(55.59% 0.0630 323.11) 74.2%, oklch(56.89% 0.0599 331.36) 77.4%, oklch(58.28% 0.0588 341.90) 80.6%, oklch(59.70% 0.0592 353.96) 83.9%, oklch(61.10% 0.0607 6.68) 87.1%, oklch(62.42% 0.0627 19.23) 90.3%, oklch(63.61% 0.0648 30.76) 93.5%, oklch(64.60% 0.0666 40.42) 96.8%, oklch(65.35% 0.0675 47.38) 100.0%);

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

Gradient u buồn

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