Xanh hải quân, tím và xanh dương nhạt tông trầm (gradient tuyến tính)

Bảng màu Xanh hải quân, tím và xanh dương nhạt tông trầm

Gradient tuyến tính, 32 màu, góc 90°: #251039, #3e2c59, #6b6893, #9eabc7, #d4f1ef. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#251039
#27123c
#29143e
#2c1742
#2f1a45
#321e4a
#36224e
#3a2654
#3e2c59
#43315f
#483866
#4d3f6d
#534774
#594e7c
#5f5784
#655f8c
#6b6893
#72719b
#797aa3
#8184aa
#888eb2
#9098b9
#97a2c0
#9eabc7
#a4b5ce
#aabfd5
#b1cadb
#b8d4e1
#bfdde5
#c7e6e9
#ceecec
#d4f1ef

CSS

background: linear-gradient(90deg in oklch, oklch(22.83% 0.0785 304.45) 0.0%, oklch(23.59% 0.0787 304.27) 3.2%, oklch(24.53% 0.0791 304.10) 6.5%, oklch(25.64% 0.0795 303.89) 9.7%, oklch(26.92% 0.0800 303.62) 12.9%, oklch(28.35% 0.0803 303.24) 16.1%, oklch(29.94% 0.0804 302.70) 19.4%, oklch(31.68% 0.0803 301.98) 22.6%, oklch(33.55% 0.0798 301.02) 25.8%, oklch(35.63% 0.0790 299.92) 29.0%, oklch(37.92% 0.0781 298.68) 32.3%, oklch(40.36% 0.0769 297.28) 35.5%, oklch(42.93% 0.0756 295.72) 38.7%, oklch(45.59% 0.0740 293.97) 41.9%, oklch(48.29% 0.0722 292.00) 45.2%, oklch(51.01% 0.0701 289.80) 48.4%, oklch(53.73% 0.0676 287.42) 51.6%, oklch(56.56% 0.0646 285.21) 54.8%, oklch(59.49% 0.0611 283.04) 58.1%, oklch(62.48% 0.0573 280.67) 61.3%, oklch(65.48% 0.0535 277.88) 64.5%, oklch(68.45% 0.0498 274.46) 67.7%, oklch(71.35% 0.0463 270.17) 71.0%, oklch(74.13% 0.0434 264.78) 74.2%, oklch(76.85% 0.0409 257.75) 77.4%, oklch(79.68% 0.0387 248.55) 80.6%, oklch(82.54% 0.0368 237.92) 83.9%, oklch(85.32% 0.0351 226.62) 87.1%, oklch(87.92% 0.0336 215.43) 90.3%, oklch(90.25% 0.0323 205.14) 93.5%, oklch(92.21% 0.0312 196.51) 96.8%, oklch(93.70% 0.0303 190.32) 100.0%);

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

Gradient vintage

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