Xanh dương, tím và đen (tương đồng) (gradient xuyên tâm)

Bảng màu Xanh dương, tím và đen (tương đồng)

Gradient xuyên tâm, 32 màu: #4c6a93, #2d4898, #340581, #2d0030, #130004. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4c6a93
#4a6893
#466593
#416294
#3d5e95
#385996
#335497
#2f4e97
#2d4898
#2b4298
#2a3b97
#2b3396
#2c2b94
#2e2391
#301a8d
#321088
#340581
#350078
#35006b
#35005f
#340052
#320046
#30003b
#2d0030
#2a0027
#27001f
#230018
#200012
#1c000d
#190009
#160006
#130004

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(51.97% 0.0730 255.94) 0.0%, oklch(51.24% 0.0772 256.91) 3.2%, oklch(50.36% 0.0829 257.95) 6.5%, oklch(49.34% 0.0898 259.05) 9.7%, oklch(48.20% 0.0978 260.24) 12.9%, oklch(46.96% 0.1064 261.54) 16.1%, oklch(45.64% 0.1156 262.96) 19.4%, oklch(44.24% 0.1249 264.51) 22.6%, oklch(42.79% 0.1342 266.22) 25.8%, oklch(41.31% 0.1432 268.10) 29.0%, oklch(39.80% 0.1516 270.16) 32.3%, oklch(38.29% 0.1591 272.42) 35.5%, oklch(36.79% 0.1654 274.90) 38.7%, oklch(35.32% 0.1704 277.61) 41.9%, oklch(33.90% 0.1737 280.58) 45.2%, oklch(32.54% 0.1751 283.81) 48.4%, oklch(31.24% 0.1743 287.37) 51.6%, oklch(29.91% 0.1677 291.54) 54.8%, oklch(28.50% 0.1553 296.32) 58.1%, oklch(27.06% 0.1432 301.58) 61.3%, oklch(25.59% 0.1313 307.23) 64.5%, oklch(24.11% 0.1199 313.15) 67.7%, oklch(22.64% 0.1091 319.25) 71.0%, oklch(21.20% 0.0989 325.43) 74.2%, oklch(19.79% 0.0895 331.59) 77.4%, oklch(18.44% 0.0810 337.63) 80.6%, oklch(17.16% 0.0734 343.46) 83.9%, oklch(15.96% 0.0669 348.97) 87.1%, oklch(14.87% 0.0612 354.07) 90.3%, oklch(13.90% 0.0565 358.65) 93.5%, oklch(12.99% 0.0524 2.21) 96.8%, oklch(12.20% 0.0482 4.78) 100.0%);

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

Gradient tông tối

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