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

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

Gradient tuyến tính, 32 màu, góc 90°: #1d1739, #675985, #9e92b7, #bcc2d0, #e7f1ed. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1d1739
#221c3f
#2a2347
#332b51
#3d345c
#493d67
#544772
#5e507c
#675985
#70608d
#786894
#7f6f9a
#8776a0
#8d7da6
#9384ac
#998bb2
#9e92b7
#a29abc
#a6a1c0
#aaa8c4
#aeafc7
#b2b6ca
#b7bccd
#bcc2d0
#c1c9d4
#c6d0d8
#ccd7dc
#d2dde1
#d8e3e5
#dee9e8
#e3edeb
#e7f1ed

CSS

background: linear-gradient(90deg in oklch, oklch(23.23% 0.0634 288.28) 0.0%, oklch(25.33% 0.0642 289.20) 3.2%, oklch(28.19% 0.0655 290.49) 6.5%, oklch(31.60% 0.0671 292.04) 9.7%, oklch(35.35% 0.0687 293.71) 12.9%, oklch(39.22% 0.0701 295.37) 16.1%, oklch(43.01% 0.0712 296.90) 19.4%, oklch(46.51% 0.0717 298.16) 22.6%, oklch(49.52% 0.0715 299.05) 25.8%, oklch(52.25% 0.0708 299.97) 29.0%, oklch(54.83% 0.0696 300.99) 32.3%, oklch(57.28% 0.0681 301.91) 35.5%, oklch(59.63% 0.0661 302.54) 38.7%, oklch(61.89% 0.0638 302.72) 41.9%, oklch(64.10% 0.0612 302.24) 45.2%, oklch(66.25% 0.0581 300.93) 48.4%, oklch(68.38% 0.0547 298.69) 51.6%, oklch(70.41% 0.0502 295.92) 54.8%, oklch(72.37% 0.0451 292.62) 58.1%, oklch(74.26% 0.0396 288.68) 61.3%, oklch(76.09% 0.0340 284.03) 64.5%, oklch(77.89% 0.0286 278.58) 67.7%, oklch(79.67% 0.0239 272.24) 71.0%, oklch(81.45% 0.0201 264.91) 74.2%, oklch(83.26% 0.0173 256.00) 77.4%, oklch(85.19% 0.0153 244.63) 80.6%, oklch(87.14% 0.0139 231.64) 83.9%, oklch(89.06% 0.0129 217.94) 87.1%, oklch(90.87% 0.0123 204.44) 90.3%, oklch(92.49% 0.0119 192.03) 93.5%, oklch(93.85% 0.0115 181.64) 96.8%, oklch(94.88% 0.0110 174.15) 100.0%);

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

Gradient viễn thám

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