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

Bảng màu Xanh dương, tím, đỏ và nâu vàng

Gradient tuyến tính, 32 màu, góc 180°: #2b7faa, #303069, #882628, #c66427, #adad6d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2b7faa
#2578a6
#1c6ea1
#17629b
#1a5693
#214c8b
#274280
#2b3874
#303069
#362a61
#412559
#4d2150
#591f44
#641e39
#6e2031
#7b222c
#882628
#962b23
#a1321e
#ab3b1b
#b4441d
#bc4f20
#c25923
#c66427
#c86f2e
#c97a36
#c8853f
#c58e46
#c0984e
#b9a159
#b1a864
#adad6d

CSS

background: linear-gradient(180deg in oklch, oklch(56.69% 0.1020 234.84) 0.0%, oklch(54.59% 0.1051 237.75) 3.2%, oklch(51.58% 0.1099 241.78) 6.5%, oklch(48.17% 0.1146 246.72) 9.7%, oklch(44.92% 0.1171 252.35) 12.9%, oklch(42.12% 0.1157 258.31) 16.1%, oklch(39.21% 0.1103 264.23) 19.4%, oklch(36.46% 0.1031 270.94) 22.6%, oklch(34.25% 0.0966 279.39) 25.8%, oklch(32.95% 0.0935 290.56) 29.0%, oklch(32.62% 0.0933 306.35) 32.3%, oklch(33.02% 0.0948 325.26) 35.5%, oklch(33.99% 0.0981 344.23) 38.7%, oklch(35.38% 0.1030 0.19) 41.9%, oklch(37.17% 0.1104 11.05) 45.2%, oklch(39.60% 0.1214 18.49) 48.4%, oklch(42.40% 0.1334 23.79) 51.6%, oklch(45.29% 0.1438 28.11) 54.8%, oklch(48.00% 0.1501 32.50) 58.1%, oklch(50.73% 0.1531 35.95) 61.3%, oklch(53.49% 0.1537 38.55) 64.5%, oklch(56.19% 0.1524 41.10) 67.7%, oklch(58.72% 0.1494 44.40) 71.0%, oklch(61.04% 0.1442 48.63) 74.2%, oklch(63.25% 0.1365 53.19) 77.4%, oklch(65.30% 0.1276 58.34) 80.6%, oklch(67.15% 0.1188 64.33) 83.9%, oklch(68.78% 0.1112 71.62) 87.1%, oklch(70.23% 0.1036 81.35) 90.3%, oklch(71.48% 0.0962 92.03) 93.5%, oklch(72.50% 0.0899 101.70) 96.8%, oklch(73.23% 0.0854 108.39) 100.0%);

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

Sumac đỏ ven đườ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