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

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

Gradient tuyến tính, 32 màu, góc 135°: #657ea1, #9d9bca, #b8a1d0, #5f5f84, #08182b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#657ea1
#697fa4
#6e82a8
#7485ad
#7b89b3
#838eb9
#8c92bf
#9497c5
#9d9bca
#a69fcf
#ada2d3
#b4a5d6
#b9a7d8
#bca7d8
#bda7d7
#bca5d5
#b8a1d0
#b09bca
#a694c2
#9a8bb8
#8d81ac
#7e769f
#6f6a92
#5f5f84
#505376
#414868
#343d5a
#28334e
#1d2a43
#142339
#0d1c31
#08182b

CSS

background: linear-gradient(135deg in oklch, oklch(58.66% 0.0620 258.05) 0.0%, oklch(59.40% 0.0624 260.01) 3.2%, oklch(60.50% 0.0631 262.68) 6.5%, oklch(61.90% 0.0638 265.93) 9.7%, oklch(63.51% 0.0647 269.65) 12.9%, oklch(65.28% 0.0657 273.71) 16.1%, oklch(67.13% 0.0667 277.99) 19.4%, oklch(68.99% 0.0678 282.37) 22.6%, oklch(70.79% 0.0688 286.74) 25.8%, oklch(72.46% 0.0697 290.96) 29.0%, oklch(73.92% 0.0706 294.93) 32.3%, oklch(75.11% 0.0713 298.51) 35.5%, oklch(75.96% 0.0718 301.59) 38.7%, oklch(76.39% 0.0721 304.04) 41.9%, oklch(76.34% 0.0721 305.75) 45.2%, oklch(75.73% 0.0719 306.60) 48.4%, oklch(74.48% 0.0713 306.46) 51.6%, oklch(72.48% 0.0703 305.33) 54.8%, oklch(69.82% 0.0690 303.31) 58.1%, oklch(66.58% 0.0674 300.55) 61.3%, oklch(62.88% 0.0655 297.15) 64.5%, oklch(58.82% 0.0635 293.25) 67.7%, oklch(54.49% 0.0613 288.97) 71.0%, oklch(50.00% 0.0591 284.44) 74.2%, oklch(45.46% 0.0567 279.77) 77.4%, oklch(40.95% 0.0545 275.09) 80.6%, oklch(36.59% 0.0523 270.53) 83.9%, oklch(32.47% 0.0502 266.21) 87.1%, oklch(28.70% 0.0483 262.25) 90.3%, oklch(25.37% 0.0466 258.79) 93.5%, oklch(22.60% 0.0452 255.93) 96.8%, oklch(20.47% 0.0441 253.82) 100.0%);

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

Gradient xanh dương và tím hoa cà

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