Xanh hải quân, xám và nâu vàng (bổ túc) (gradient xuyên tâm)

Bảng màu Xanh hải quân, xám và nâu vàng (bổ túc)

Gradient xuyên tâm, 32 màu: #102b4b, #455f7c, #979e94, #dcb088, #ffd36d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#102b4b
#132f4f
#173455
#1c3b5b
#224263
#294a6a
#305170
#395876
#455f7c
#516682
#5d6e87
#66768c
#6d7f91
#738894
#7b9194
#889893
#979e94
#a3a39a
#aea89f
#b7aca2
#c1aea1
#cbae9b
#d5af93
#dcb088
#e2b27d
#e8b576
#eeb972
#f4be6f
#f8c46d
#fbca6c
#fed06b
#ffd36d

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(28.74% 0.0675 254.53) 0.0%, oklch(30.19% 0.0675 253.85) 3.2%, oklch(32.17% 0.0679 252.88) 6.5%, oklch(34.52% 0.0681 251.74) 9.7%, oklch(37.10% 0.0680 250.54) 12.9%, oklch(39.78% 0.0672 249.38) 16.1%, oklch(42.41% 0.0653 248.37) 19.4%, oklch(44.98% 0.0620 248.79) 22.6%, oklch(47.70% 0.0572 251.96) 25.8%, oklch(50.50% 0.0516 255.77) 29.0%, oklch(53.33% 0.0456 258.03) 32.3%, oklch(56.13% 0.0398 256.53) 35.5%, oklch(58.81% 0.0347 249.09) 38.7%, oklch(61.38% 0.0305 232.93) 41.9%, oklch(63.98% 0.0253 206.22) 45.2%, oklch(66.56% 0.0201 172.96) 48.4%, oklch(69.03% 0.0158 137.59) 51.6%, oklch(71.32% 0.0135 104.52) 54.8%, oklch(73.35% 0.0142 78.20) 58.1%, oklch(75.03% 0.0191 62.59) 61.3%, oklch(76.28% 0.0292 55.79) 64.5%, oklch(77.22% 0.0430 55.07) 67.7%, oklch(77.97% 0.0588 58.32) 71.0%, oklch(78.69% 0.0747 63.44) 74.2%, oklch(79.50% 0.0889 68.32) 77.4%, oklch(80.55% 0.0997 70.98) 80.6%, oklch(81.89% 0.1080 73.17) 83.9%, oklch(83.41% 0.1149 75.99) 87.1%, oklch(84.97% 0.1207 79.09) 90.3%, oklch(86.44% 0.1254 82.12) 93.5%, oklch(87.69% 0.1292 84.71) 96.8%, oklch(88.58% 0.1302 86.51) 100.0%);

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

Gradient bình minh

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