Xanh hải quân sang xanh cổ vịt (tương đồng) (gradient xuyên tâm)

Bảng màu Xanh hải quân sang xanh cổ vịt (tương đồng)

Gradient xuyên tâm, 32 màu: #062939, #0f3e4d, #1f5b67, #36777d, #4e9090. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#062939
#072a3a
#082c3c
#092f3f
#093141
#0b3444
#0c3747
#0d3b4a
#0f3e4d
#104251
#124554
#144958
#164d5b
#18515e
#1a5461
#1c5864
#1f5b67
#215f6a
#24636d
#286770
#2b6b73
#2f6f76
#32737a
#36777d
#3a7b80
#3d7f83
#418286
#448688
#47898b
#4a8c8d
#4c8e8e
#4e9090

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(26.38% 0.0482 233.44) 0.0%, oklch(26.99% 0.0488 232.70) 3.2%, oklch(27.73% 0.0495 231.81) 6.5%, oklch(28.58% 0.0504 230.78) 9.7%, oklch(29.52% 0.0513 229.63) 12.9%, oklch(30.56% 0.0524 228.37) 16.1%, oklch(31.66% 0.0535 227.03) 19.4%, oklch(32.83% 0.0547 225.62) 22.6%, oklch(34.04% 0.0558 224.15) 25.8%, oklch(35.29% 0.0570 222.65) 29.0%, oklch(36.55% 0.0582 221.14) 32.3%, oklch(37.83% 0.0593 219.63) 35.5%, oklch(39.10% 0.0604 218.15) 38.7%, oklch(40.35% 0.0614 216.70) 41.9%, oklch(41.57% 0.0623 215.30) 45.2%, oklch(42.74% 0.0631 213.99) 48.4%, oklch(43.88% 0.0637 212.74) 51.6%, oklch(45.07% 0.0642 211.46) 54.8%, oklch(46.31% 0.0647 210.15) 58.1%, oklch(47.60% 0.0651 208.81) 61.3%, oklch(48.92% 0.0655 207.45) 64.5%, oklch(50.26% 0.0658 206.10) 67.7%, oklch(51.59% 0.0661 204.76) 71.0%, oklch(52.90% 0.0663 203.44) 74.2%, oklch(54.18% 0.0665 202.17) 77.4%, oklch(55.42% 0.0667 200.95) 80.6%, oklch(56.59% 0.0669 199.79) 83.9%, oklch(57.69% 0.0670 198.70) 87.1%, oklch(58.70% 0.0671 197.71) 90.3%, oklch(59.60% 0.0673 196.82) 93.5%, oklch(60.38% 0.0674 196.04) 96.8%, oklch(61.02% 0.0675 195.39) 100.0%);

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

Gradient chữ

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