Xanh hải quân và xám (đơn sắc) (gradient xuyên tâm)

Gradient xuyên tâm, 64 màu: #363254, #5d717f, #575c61, #2c2f35, #0a172b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#363254
#373455
#383758
#393a5a
#3b3e5d
#3d4260
#3f4663
#414a67
#434f6a
#46546d
#495970
#4c5d73
#506276
#536679
#576a7b
#5a6e7d
#5d717f
#607481
#637682
#657883
#677983
#687a83
#697982
#697880
#68777e
#67747c
#667279
#646f76
#626c72
#5f686e
#5d646a
#5a6066
#575c61
#53585d
#505459
#4d5054
#494c50
#46494c
#434549
#404245
#3d3f42
#3a3c40
#383a3d
#35373b
#33353a
#313338
#2e3137
#2c2f35
#292d34
#272b33
#242932
#222732
#1f2531
#1d2430
#1b2230
#18202f
#161f2e
#141e2e
#121c2d
#101b2d
#0e1a2c
#0d192c
#0b182b
#0a172b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(33.86% 0.0579 288.28) 0.0%, oklch(34.50% 0.0570 286.67) 1.6%, oklch(35.33% 0.0560 284.63) 3.2%, oklch(36.31% 0.0548 282.22) 4.8%, oklch(37.44% 0.0534 279.49) 6.3%, oklch(38.69% 0.0520 276.47) 7.9%, oklch(40.03% 0.0504 273.23) 9.5%, oklch(41.44% 0.0487 269.81) 11.1%, oklch(42.91% 0.0470 266.25) 12.7%, oklch(44.40% 0.0452 262.61) 14.3%, oklch(45.91% 0.0434 258.94) 15.9%, oklch(47.40% 0.0415 255.28) 17.5%, oklch(48.85% 0.0397 251.69) 19.0%, oklch(50.24% 0.0378 248.20) 20.6%, oklch(51.56% 0.0359 244.88) 22.2%, oklch(52.77% 0.0341 241.76) 23.8%, oklch(53.86% 0.0323 238.90) 25.4%, oklch(54.81% 0.0306 236.35) 27.0%, oklch(55.59% 0.0290 234.15) 28.6%, oklch(56.17% 0.0275 232.35) 30.2%, oklch(56.55% 0.0261 231.00) 31.7%, oklch(56.69% 0.0248 230.16) 33.3%, oklch(56.60% 0.0236 229.83) 34.9%, oklch(56.31% 0.0223 229.96) 36.5%, oklch(55.83% 0.0210 230.51) 38.1%, oklch(55.18% 0.0196 231.44) 39.7%, oklch(54.38% 0.0183 232.70) 41.3%, oklch(53.44% 0.0170 234.26) 42.9%, oklch(52.38% 0.0157 236.07) 44.4%, oklch(51.22% 0.0144 238.09) 46.0%, oklch(49.97% 0.0132 240.27) 47.6%, oklch(48.66% 0.0120 242.58) 49.2%, oklch(47.30% 0.0109 244.97) 50.8%, oklch(45.90% 0.0099 247.39) 52.4%, oklch(44.49% 0.0090 249.82) 54.0%, oklch(43.07% 0.0082 252.20) 55.6%, oklch(41.68% 0.0075 254.48) 57.1%, oklch(40.32% 0.0070 256.64) 58.7%, oklch(39.01% 0.0066 258.62) 60.3%, oklch(37.77% 0.0064 260.39) 61.9%, oklch(36.62% 0.0064 261.90) 63.5%, oklch(35.57% 0.0065 263.11) 65.1%, oklch(34.65% 0.0069 263.98) 66.7%, oklch(33.79% 0.0075 264.56) 68.3%, oklch(32.93% 0.0084 264.98) 69.8%, oklch(32.08% 0.0096 265.23) 71.4%, oklch(31.25% 0.0111 265.33) 73.0%, oklch(30.42% 0.0127 265.31) 74.6%, oklch(29.61% 0.0146 265.16) 76.2%, oklch(28.81% 0.0166 264.92) 77.8%, oklch(28.03% 0.0187 264.58) 79.4%, oklch(27.28% 0.0209 264.17) 81.0%, oklch(26.54% 0.0232 263.70) 82.5%, oklch(25.83% 0.0255 263.19) 84.1%, oklch(25.14% 0.0279 262.64) 85.7%, oklch(24.48% 0.0302 262.08) 87.3%, oklch(23.86% 0.0324 261.51) 88.9%, oklch(23.26% 0.0346 260.96) 90.5%, oklch(22.70% 0.0366 260.43) 92.1%, oklch(22.17% 0.0385 259.94) 93.7%, oklch(21.68% 0.0402 259.51) 95.2%, oklch(21.24% 0.0418 259.15) 96.8%, oklch(20.83% 0.0431 258.87) 98.4%, oklch(20.47% 0.0441 258.69) 100.0%);

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

Gradient bầu trời đê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