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

Bảng màu Xanh hải quân, xám, tím và nâu vàng

Gradient xuyên tâm, 32 màu: #1f2539, #3a525d, #66498f, #bb4935, #dbbd86. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1f2539
#21283c
#232c40
#263244
#293848
#2d3f4d
#324552
#364c58
#3a525d
#3d5763
#3f5c6a
#3f5f71
#3f5f79
#415e82
#49598b
#565290
#66498f
#774088
#87377a
#953069
#a12d57
#aa3049
#b33b3d
#bb4935
#c15a32
#c76b36
#cc7d40
#d08d4f
#d49d5f
#d7aa6f
#d9b57c
#dbbd86

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(26.77% 0.0386 272.81) 0.0%, oklch(27.94% 0.0384 269.62) 3.2%, oklch(29.53% 0.0375 264.55) 6.5%, oklch(31.43% 0.0362 258.19) 9.7%, oklch(33.56% 0.0348 251.18) 12.9%, oklch(35.81% 0.0337 244.10) 16.1%, oklch(38.10% 0.0330 237.58) 19.4%, oklch(40.33% 0.0331 232.21) 22.6%, oklch(42.39% 0.0342 228.62) 25.8%, oklch(44.20% 0.0368 227.41) 29.0%, oklch(45.67% 0.0409 229.18) 32.3%, oklch(46.68% 0.0474 234.54) 35.5%, oklch(47.22% 0.0570 243.47) 38.7%, oklch(47.41% 0.0691 255.30) 41.9%, oklch(47.35% 0.0829 269.36) 45.2%, oklch(47.17% 0.0976 284.98) 48.4%, oklch(46.99% 0.1123 301.47) 51.6%, oklch(46.92% 0.1262 318.15) 54.8%, oklch(47.10% 0.1385 334.35) 58.1%, oklch(47.62% 0.1483 349.39) 61.3%, oklch(48.62% 0.1549 2.59) 64.5%, oklch(50.22% 0.1575 13.41) 67.7%, oklch(52.53% 0.1559 23.14) 71.0%, oklch(55.45% 0.1511 32.25) 74.2%, oklch(58.81% 0.1437 40.75) 77.4%, oklch(62.45% 0.1343 48.62) 80.6%, oklch(66.20% 0.1239 55.84) 83.9%, oklch(69.92% 0.1130 62.41) 87.1%, oklch(73.42% 0.1024 68.31) 90.3%, oklch(76.57% 0.0929 73.53) 93.5%, oklch(79.18% 0.0852 78.06) 96.8%, oklch(81.10% 0.0799 81.89) 100.0%);

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

Gradient Giáng sinh

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