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

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

Gradient xuyên tâm, 32 màu: #a8bec9, #519bd1, #985e40, #85313b, #1f343e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a8bec9
#9dbcca
#8cbbcb
#75bac9
#5bb8c6
#3fb4c4
#26afc6
#2fa7cc
#519bd1
#728ecd
#8b81bd
#9978a6
#9f7191
#a06b7e
#a0666a
#9d6155
#985e40
#925c2b
#8b5918
#885409
#884d05
#894313
#893927
#85313b
#7c2e4d
#6f2e5b
#5d3064
#483465
#34365f
#263753
#203646
#1f343e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(78.74% 0.0289 229.22) 0.0%, oklch(77.75% 0.0393 225.95) 3.2%, oklch(76.39% 0.0547 220.06) 6.5%, oklch(74.78% 0.0725 213.63) 9.7%, oklch(73.03% 0.0900 208.71) 12.9%, oklch(71.26% 0.1046 207.36) 16.1%, oklch(69.60% 0.1135 211.65) 19.4%, oklch(68.07% 0.1146 223.52) 22.6%, oklch(66.56% 0.1091 242.36) 25.8%, oklch(65.05% 0.0996 265.69) 29.0%, oklch(63.53% 0.0887 291.07) 32.3%, oklch(62.00% 0.0788 316.00) 35.5%, oklch(60.46% 0.0726 338.02) 38.7%, oklch(58.90% 0.0719 356.17) 41.9%, oklch(57.31% 0.0752 14.61) 45.2%, oklch(55.70% 0.0810 32.49) 48.4%, oklch(54.09% 0.0880 48.30) 51.6%, oklch(52.49% 0.0951 60.54) 54.8%, oklch(50.92% 0.1009 67.70) 58.1%, oklch(49.40% 0.1047 68.29) 61.3%, oklch(47.92% 0.1083 61.81) 64.5%, oklch(46.47% 0.1117 49.79) 67.7%, oklch(45.04% 0.1143 33.99) 71.0%, oklch(43.61% 0.1152 16.14) 74.2%, oklch(42.15% 0.1137 357.98) 77.4%, oklch(40.63% 0.1090 341.11) 80.6%, oklch(38.94% 0.0992 322.45) 83.9%, oklch(37.11% 0.0855 301.46) 87.1%, oklch(35.28% 0.0698 279.93) 90.3%, oklch(33.58% 0.0542 259.69) 93.5%, oklch(32.14% 0.0408 242.53) 96.8%, oklch(31.10% 0.0317 230.28) 100.0%);

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

Gradient vintage

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