Xanh hải quân, trắng và đỏ nâu (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 225°: #263b58, #83a0b0, #f6f7f5, #c67154, #6e2424. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#263b58
#2c425f
#354c69
#3f5774
#4b6581
#58728e
#64819a
#728fa4
#83a0b0
#97b1bc
#acc1c8
#bfd0d3
#cfdcdc
#dce5e3
#e7edea
#f0f3f1
#f6f7f5
#f7f7f4
#f5f3ec
#f0e8da
#e9d3bc
#dfb697
#d49473
#c67154
#b85240
#aa3c36
#9d2e31
#91262d
#86242a
#7c2427
#742526
#6e2424

CSS

background: linear-gradient(225deg in oklch, oklch(35.04% 0.0579 255.94) 0.0%, oklch(37.58% 0.0573 255.17) 3.2%, oklch(41.02% 0.0568 254.50) 6.5%, oklch(45.13% 0.0562 253.55) 9.7%, oklch(49.66% 0.0550 251.95) 12.9%, oklch(54.35% 0.0532 249.33) 16.1%, oklch(58.95% 0.0503 245.32) 19.4%, oklch(63.63% 0.0459 239.89) 22.6%, oklch(68.90% 0.0397 233.54) 25.8%, oklch(74.39% 0.0325 226.15) 29.0%, oklch(79.75% 0.0252 217.59) 32.3%, oklch(84.58% 0.0187 207.72) 35.5%, oklch(88.52% 0.0137 196.43) 38.7%, oklch(91.44% 0.0106 183.20) 41.9%, oklch(94.03% 0.0071 167.03) 45.2%, oklch(96.12% 0.0043 148.94) 48.4%, oklch(97.40% 0.0030 130.16) 51.6%, oklch(97.59% 0.0045 111.91) 54.8%, oklch(96.39% 0.0097 95.41) 58.1%, oklch(93.41% 0.0203 81.65) 61.3%, oklch(87.88% 0.0391 69.33) 64.5%, oklch(80.46% 0.0638 58.12) 67.7%, oklch(72.11% 0.0905 48.13) 71.0%, oklch(63.79% 0.1156 39.48) 74.2%, oklch(56.47% 0.1353 32.30) 77.4%, oklch(51.06% 0.1460 26.71) 80.6%, oklch(47.14% 0.1472 23.34) 83.9%, oklch(44.11% 0.1418 21.95) 87.1%, oklch(41.80% 0.1324 21.90) 90.3%, oklch(40.02% 0.1216 22.57) 93.5%, oklch(38.62% 0.1120 23.29) 96.8%, oklch(37.40% 0.1061 23.45) 100.0%);

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

Bảng màu Giáng sinh Bắc Âu

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