Tím đậm, nâu vàng và hồng tông ấm (gradient xuyên tâm)

Bảng màu Tím đậm, nâu vàng và hồng tông ấm

Gradient xuyên tâm, 32 màu: #31162d, #683063, #ac5562, #c7924b, #d0c5fc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#31162d
#361732
#3d183a
#451944
#4e1b4e
#561e58
#5e225f
#642862
#683063
#6b3963
#6e4263
#714a63
#765165
#7e5568
#8b5669
#9b5668
#ac5562
#bb5559
#c8584d
#cf5f43
#d26a39
#cf7834
#ca863c
#c7924b
#c89b5b
#cf9f6a
#dca27d
#e7a499
#eba9ba
#e5b2da
#d9bcf1
#d0c5fc

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(24.80% 0.0565 332.58) 0.0%, oklch(26.08% 0.0645 331.75) 3.2%, oklch(27.85% 0.0767 330.37) 6.5%, oklch(29.95% 0.0907 328.83) 9.7%, oklch(32.21% 0.1041 327.51) 12.9%, oklch(34.49% 0.1145 326.80) 16.1%, oklch(36.61% 0.1197 327.08) 19.4%, oklch(38.55% 0.1169 328.47) 22.6%, oklch(40.45% 0.1065 330.54) 25.8%, oklch(42.35% 0.0918 333.28) 29.0%, oklch(44.24% 0.0765 336.67) 32.3%, oklch(46.13% 0.0640 340.69) 35.5%, oklch(48.05% 0.0578 345.34) 38.7%, oklch(49.98% 0.0613 350.73) 41.9%, oklch(51.94% 0.0742 357.23) 45.2%, oklch(53.91% 0.0928 4.54) 48.4%, oklch(55.89% 0.1134 12.28) 51.6%, oklch(57.86% 0.1321 20.08) 54.8%, oklch(59.84% 0.1452 27.57) 58.1%, oklch(61.81% 0.1492 34.77) 61.3%, oklch(63.79% 0.1450 44.43) 64.5%, oklch(65.77% 0.1352 55.38) 67.7%, oklch(67.74% 0.1224 65.48) 71.0%, oklch(69.71% 0.1090 72.56) 74.2%, oklch(71.67% 0.0973 74.49) 77.4%, oklch(73.62% 0.0898 69.02) 80.6%, oklch(75.72% 0.0853 53.30) 83.9%, oklch(77.93% 0.0822 29.56) 87.1%, oklch(80.11% 0.0803 1.76) 90.3%, oklch(82.12% 0.0790 333.85) 93.5%, oklch(83.81% 0.0781 309.77) 96.8%, oklch(85.04% 0.0772 293.48) 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