Xanh hải quân, xanh dương, hồng và tím (gradient xuyên tâm)

Bảng màu Xanh hải quân, xanh dương, hồng và tím

Gradient xuyên tâm, 32 màu: #193843, #2f8cac, #7c8eda, #e48dd0, #a62f88. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#193843
#1b3f4b
#1e4856
#205464
#236173
#256e83
#287a92
#2b85a0
#2f8cac
#3590b6
#3c92bd
#4493c4
#4e92c9
#5891cd
#638fd1
#6f8ed5
#7c8eda
#8c8edf
#9f8fe2
#b190e4
#c391e2
#d291de
#dd90d8
#e48dd0
#e586c7
#e07cbd
#d86fb2
#cd61a7
#c1529d
#b64495
#ac388d
#a62f88

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(32.28% 0.0413 223.59) 0.0%, oklch(34.61% 0.0460 223.36) 3.2%, oklch(37.88% 0.0526 222.72) 6.5%, oklch(41.78% 0.0604 221.94) 9.7%, oklch(46.01% 0.0689 221.28) 12.9%, oklch(50.25% 0.0774 221.03) 16.1%, oklch(54.19% 0.0854 221.46) 19.4%, oklch(57.53% 0.0924 222.83) 22.6%, oklch(59.97% 0.0976 225.42) 25.8%, oklch(61.61% 0.1014 229.10) 29.0%, oklch(62.71% 0.1043 233.67) 32.3%, oklch(63.40% 0.1064 239.01) 35.5%, oklch(63.86% 0.1081 244.99) 38.7%, oklch(64.22% 0.1096 251.47) 41.9%, oklch(64.65% 0.1112 258.33) 45.2%, oklch(65.29% 0.1132 265.43) 48.4%, oklch(66.33% 0.1156 272.87) 51.6%, oklch(67.88% 0.1180 281.63) 54.8%, oklch(69.73% 0.1204 291.40) 58.1%, oklch(71.65% 0.1228 301.60) 61.3%, oklch(73.41% 0.1254 311.67) 64.5%, oklch(74.78% 0.1283 321.05) 67.7%, oklch(75.51% 0.1316 329.16) 71.0%, oklch(75.39% 0.1354 335.45) 74.2%, oklch(74.12% 0.1400 339.53) 77.4%, oklch(71.63% 0.1458 341.81) 80.6%, oklch(68.30% 0.1522 342.68) 83.9%, oklch(64.47% 0.1590 342.55) 87.1%, oklch(60.52% 0.1656 341.80) 90.3%, oklch(56.81% 0.1717 340.84) 93.5%, oklch(53.71% 0.1768 340.05) 96.8%, oklch(51.57% 0.1805 339.84) 100.0%);

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

Gradient hồng và xanh dương

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