Xanh hải quân, xanh dương nhạt và be (gradient xuyên tâm)

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

Gradient xuyên tâm, 32 màu: #0a1a3a, #1e4c8c, #4fa8e1, #bde6f4, #fff6d6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0a1a3a
#0b1d40
#0d2148
#0f2752
#122d5d
#153369
#183b75
#1b4381
#1e4c8c
#225698
#2560a4
#2a6cb0
#2f78bd
#3485c8
#3c91d2
#449ddb
#4fa8e1
#5fb2e7
#71bcec
#84c6ef
#95cff2
#a5d7f3
#b3dff4
#bde6f4
#c5ecf4
#cbf2f1
#d2f5ec
#daf8e5
#e5f8de
#eff8d9
#f8f7d6
#fff6d6

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.44% 0.0661 262.27) 0.0%, oklch(23.89% 0.0706 262.02) 3.2%, oklch(25.77% 0.0768 261.79) 6.5%, oklch(28.00% 0.0843 261.52) 9.7%, oklch(30.52% 0.0923 261.16) 12.9%, oklch(33.25% 0.1003 260.65) 16.1%, oklch(36.14% 0.1077 259.93) 19.4%, oklch(39.10% 0.1138 258.97) 22.6%, oklch(42.09% 0.1180 257.69) 25.8%, oklch(45.31% 0.1215 256.09) 29.0%, oklch(48.77% 0.1245 254.21) 32.3%, oklch(52.41% 0.1269 252.11) 35.5%, oklch(56.12% 0.1283 249.83) 38.7%, oklch(59.83% 0.1286 247.42) 41.9%, oklch(63.44% 0.1275 244.93) 45.2%, oklch(66.88% 0.1247 242.40) 48.4%, oklch(70.10% 0.1198 240.05) 51.6%, oklch(73.33% 0.1118 238.72) 54.8%, oklch(76.54% 0.1012 237.98) 58.1%, oklch(79.67% 0.0892 237.20) 61.3%, oklch(82.65% 0.0768 235.76) 64.5%, oklch(85.43% 0.0649 233.03) 67.7%, oklch(87.92% 0.0546 228.39) 71.0%, oklch(90.07% 0.0469 221.21) 74.2%, oklch(91.83% 0.0423 210.39) 77.4%, oklch(93.23% 0.0398 195.26) 80.6%, oklch(94.33% 0.0389 177.20) 83.9%, oklch(95.18% 0.0392 157.67) 87.1%, oklch(95.84% 0.0402 138.15) 90.3%, oklch(96.37% 0.0414 120.10) 93.5%, oklch(96.82% 0.0424 104.97) 96.8%, oklch(97.24% 0.0424 94.26) 100.0%);

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

Nơi chốn liminal

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