Xanh hải quân sang xanh dương nhạt tông lạnh (gradient xuyên tâm)

Bảng màu Xanh hải quân sang xanh dương nhạt tông lạnh

Gradient xuyên tâm, 32 màu: #020816, #112967, #186eb7, #41c4e7, #c4f9ff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#020816
#020a1b
#020d23
#03112d
#041538
#071944
#0a1e50
#0d235c
#112967
#133071
#16377c
#183e86
#194790
#1a4f9a
#1a59a4
#1a63ad
#186eb7
#1579c0
#1186c8
#0f93d0
#14a1d7
#20addd
#30b9e3
#41c4e7
#53cdeb
#66d6ef
#7adef2
#8de6f5
#9fecf8
#aef2fb
#baf6fd
#c4f9ff

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(13.39% 0.0344 258.05) 0.0%, oklch(14.68% 0.0410 258.69) 3.2%, oklch(16.36% 0.0501 259.70) 6.5%, oklch(18.37% 0.0611 260.91) 9.7%, oklch(20.62% 0.0729 262.16) 12.9%, oklch(23.03% 0.0849 263.28) 16.1%, oklch(25.54% 0.0961 264.12) 19.4%, oklch(28.06% 0.1058 264.50) 22.6%, oklch(30.53% 0.1133 264.28) 25.8%, oklch(33.03% 0.1192 263.64) 29.0%, oklch(35.61% 0.1243 262.70) 32.3%, oklch(38.26% 0.1284 261.44) 35.5%, oklch(40.99% 0.1318 259.86) 38.7%, oklch(43.81% 0.1344 257.95) 41.9%, oklch(46.70% 0.1363 255.71) 45.2%, oklch(49.67% 0.1375 253.13) 48.4%, oklch(52.74% 0.1380 250.12) 51.6%, oklch(56.04% 0.1378 246.36) 54.8%, oklch(59.50% 0.1369 241.99) 58.1%, oklch(63.06% 0.1353 237.27) 61.3%, oklch(66.61% 0.1330 232.44) 64.5%, oklch(70.08% 0.1298 227.74) 67.7%, oklch(73.39% 0.1259 223.43) 71.0%, oklch(76.45% 0.1212 219.74) 74.2%, oklch(79.28% 0.1152 216.74) 77.4%, oklch(82.08% 0.1071 214.10) 80.6%, oklch(84.78% 0.0977 211.77) 83.9%, oklch(87.34% 0.0877 209.74) 87.1%, oklch(89.69% 0.0776 207.98) 90.3%, oklch(91.77% 0.0684 206.48) 93.5%, oklch(93.52% 0.0606 205.21) 96.8%, oklch(94.88% 0.0544 204.14) 100.0%);

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

Gradient cực quang

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