Cầu vồng từ xanh hải quân sang be (gradient tuyến tính)

Bảng màu Cầu vồng từ xanh hải quân sang be

Gradient tuyến tính, 32 màu, góc 135°: #1b1a1f, #226850, #72286d, #c54239, #ecd7a8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1b1a1f
#1e1f27
#212733
#22333f
#1f4049
#1c4e4e
#205a4e
#26634e
#226850
#006b59
#006765
#006072
#005785
#34488d
#503986
#632e79
#72286d
#7f2564
#8b225c
#972254
#a4254e
#b02b47
#bb3540
#c54239
#cd5332
#d56833
#db7f3e
#df9653
#e3ab6b
#e6be83
#eacd98
#ecd7a8

CSS

background: linear-gradient(135deg in oklch, oklch(22.05% 0.0096 294.61) 0.0%, oklch(24.22% 0.0153 282.21) 3.2%, oklch(27.35% 0.0229 263.42) 6.5%, oklch(31.10% 0.0320 240.93) 9.7%, oklch(35.10% 0.0420 217.40) 12.9%, oklch(39.01% 0.0524 195.52) 16.1%, oklch(42.49% 0.0627 177.96) 19.4%, oklch(45.17% 0.0722 167.40) 22.6%, oklch(46.72% 0.0805 166.48) 25.8%, oklch(47.03% 0.0881 175.81) 29.0%, oklch(46.40% 0.0794 193.18) 32.3%, oklch(45.16% 0.0803 216.13) 35.5%, oklch(43.64% 0.1040 242.23) 38.7%, oklch(42.17% 0.1168 268.98) 41.9%, oklch(41.10% 0.1232 294.06) 45.2%, oklch(40.75% 0.1294 314.99) 48.4%, oklch(41.35% 0.1354 330.02) 51.6%, oklch(42.47% 0.1424 341.89) 54.8%, oklch(44.01% 0.1500 351.68) 58.1%, oklch(45.91% 0.1574 359.91) 61.3%, oklch(48.13% 0.1637 7.11) 64.5%, oklch(50.63% 0.1683 13.80) 67.7%, oklch(53.38% 0.1703 20.51) 71.0%, oklch(56.32% 0.1690 27.76) 74.2%, oklch(59.66% 0.1633 35.86) 77.4%, oklch(63.78% 0.1524 44.37) 80.6%, oklch(68.41% 0.1380 52.99) 83.9%, oklch(73.24% 0.1215 61.39) 87.1%, oklch(77.98% 0.1045 69.28) 90.3%, oklch(82.31% 0.0886 76.34) 93.5%, oklch(85.95% 0.0753 82.28) 96.8%, oklch(88.58% 0.0661 86.78) 100.0%);

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

Sắc kính màu ghép

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