Xanh hải quân, hồng, trắng và nâu vàng (gradient xuyên tâm)

Bảng màu Xanh hải quân, hồng, trắng và nâu vàng

Gradient xuyên tâm, 32 màu: #323d48, #4f74a4, #cb7ba7, #f5e8e4, #bfac64. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#323d48
#354451
#374f5e
#385d6b
#376a78
#377484
#38788f
#40789b
#4f74a4
#626fa8
#746caa
#846aab
#9469aa
#a569a8
#b46ba5
#c171a3
#cb7ba7
#d18bb5
#d69ec5
#dab1d3
#e1c2db
#eacede
#f2dbdf
#f5e8e4
#f6f1ed
#f7f6f2
#f4f4ee
#e9ecdc
#d9ddbf
#ccca9c
#c3b87b
#bfac64

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(35.43% 0.0234 248.91) 0.0%, oklch(37.90% 0.0296 243.31) 3.2%, oklch(41.49% 0.0385 234.42) 6.5%, oklch(45.55% 0.0488 225.21) 9.7%, oklch(49.41% 0.0589 218.63) 12.9%, oklch(52.39% 0.0677 217.67) 16.1%, oklch(54.09% 0.0744 224.62) 19.4%, oklch(54.90% 0.0803 238.02) 22.6%, oklch(55.26% 0.0855 255.07) 25.8%, oklch(55.59% 0.0903 272.97) 29.0%, oklch(56.30% 0.0949 288.90) 32.3%, oklch(57.60% 0.1002 301.53) 35.5%, oklch(59.06% 0.1071 313.76) 38.7%, oklch(60.73% 0.1138 325.17) 41.9%, oklch(62.72% 0.1185 334.98) 45.2%, oklch(65.14% 0.1190 342.45) 48.4%, oklch(68.14% 0.1133 346.17) 51.6%, oklch(72.02% 0.1006 343.37) 54.8%, oklch(76.40% 0.0834 337.45) 58.1%, oklch(80.82% 0.0650 332.66) 61.3%, oklch(84.81% 0.0485 333.25) 64.5%, oklch(88.01% 0.0363 343.59) 67.7%, oklch(91.10% 0.0253 6.39) 71.0%, oklch(93.98% 0.0152 36.73) 74.2%, oklch(96.17% 0.0079 68.46) 77.4%, oklch(97.21% 0.0049 95.41) 80.6%, oklch(96.60% 0.0079 111.49) 83.9%, oklch(93.52% 0.0203 116.00) 87.1%, oklch(88.58% 0.0398 113.12) 90.3%, oklch(82.95% 0.0618 106.32) 93.5%, oklch(77.83% 0.0817 99.11) 96.8%, oklch(74.41% 0.0951 94.97) 100.0%);

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

Gradient hologram

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