Nâu, tím, hồng và xanh dương nhạt (gradient xuyên tâm)

Bảng màu Nâu, tím, hồng và xanh dương nhạt

Gradient xuyên tâm, 32 màu: #3b180f, #703831, #a15a78, #c27fc8, #b9cfd4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3b180f
#3f1b0d
#44200a
#492605
#4f2d01
#553301
#5d3706
#673817
#703831
#723c4e
#6d4469
#644e7c
#5e5788
#635c8f
#745d92
#8b5b8b
#a15a78
#af5d61
#b76451
#bf6952
#c86b63
#cf6d80
#cd73a4
#c27fc8
#b18de2
#a19bef
#94aaf2
#8fb6ee
#94c1e6
#a0c8dd
#aeccd7
#b9cfd4

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(25.98% 0.0579 36.56) 0.0%, oklch(27.22% 0.0604 41.22) 3.2%, oklch(28.93% 0.0642 49.17) 6.5%, oklch(30.96% 0.0685 57.98) 9.7%, oklch(33.15% 0.0729 65.27) 12.9%, oklch(35.36% 0.0768 68.61) 16.1%, oklch(37.41% 0.0796 65.61) 19.4%, oklch(39.29% 0.0806 52.69) 22.6%, oklch(41.14% 0.0801 29.10) 25.8%, oklch(42.98% 0.0788 359.89) 29.0%, oklch(44.81% 0.0774 330.18) 32.3%, oklch(46.64% 0.0768 305.14) 35.5%, oklch(48.48% 0.0776 289.91) 38.7%, oklch(50.32% 0.0807 289.49) 41.9%, oklch(52.15% 0.0859 303.74) 45.2%, oklch(53.98% 0.0924 327.09) 48.4%, oklch(55.81% 0.0995 353.71) 51.6%, oklch(57.66% 0.1063 17.80) 54.8%, oklch(59.51% 0.1119 33.54) 58.1%, oklch(61.38% 0.1158 35.66) 61.3%, oklch(63.28% 0.1199 26.22) 64.5%, oklch(65.19% 0.1239 9.04) 67.7%, oklch(67.11% 0.1268 347.27) 71.0%, oklch(69.03% 0.1277 324.07) 74.2%, oklch(70.93% 0.1256 302.60) 77.4%, oklch(72.82% 0.1197 285.84) 80.6%, oklch(74.85% 0.1076 271.21) 83.9%, oklch(76.99% 0.0907 257.02) 87.1%, oklch(79.09% 0.0715 243.78) 90.3%, oklch(81.03% 0.0524 232.00) 93.5%, oklch(82.67% 0.0360 222.17) 96.8%, oklch(83.86% 0.0248 214.80) 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