Xanh dương, tím đậm, nâu vàng và xám (gradient xuyên tâm)

Bảng màu Xanh dương, tím đậm, nâu vàng và xám

Gradient xuyên tâm, 32 màu: #073669, #7c4c46, #d9b176, #e2c99c, #967577. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#073669
#1e3365
#2e305d
#392e53
#422f4c
#4d334a
#5c3949
#6c4148
#7c4c46
#895846
#966549
#a3724f
#b17f55
#be8c5d
#c89964
#d1a66d
#d9b176
#e0bb7f
#e4c387
#e7c98d
#e8cc93
#e7cd98
#e6cc9a
#e2c99c
#dcc39c
#d5bb9b
#ccb299
#c3a894
#b89a8c
#ab8b83
#9f7e7c
#967577

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(33.46% 0.1006 254.53) 0.0%, oklch(33.36% 0.0919 264.83) 3.2%, oklch(33.10% 0.0791 279.43) 6.5%, oklch(33.14% 0.0658 296.42) 9.7%, oklch(33.95% 0.0560 313.92) 12.9%, oklch(35.94% 0.0528 331.00) 16.1%, oklch(39.05% 0.0549 350.10) 19.4%, oklch(42.85% 0.0600 9.58) 22.6%, oklch(46.95% 0.0660 27.25) 25.8%, oklch(50.95% 0.0708 40.95) 29.0%, oklch(55.09% 0.0753 50.06) 32.3%, oklch(59.46% 0.0800 56.07) 35.5%, oklch(63.79% 0.0844 60.38) 38.7%, oklch(67.83% 0.0876 64.42) 41.9%, oklch(71.51% 0.0892 69.03) 45.2%, oklch(75.08% 0.0898 73.26) 48.4%, oklch(78.36% 0.0893 76.92) 51.6%, oklch(81.13% 0.0881 79.91) 54.8%, oklch(83.19% 0.0862 82.15) 58.1%, oklch(84.64% 0.0834 83.89) 61.3%, oklch(85.53% 0.0798 85.00) 64.5%, oklch(85.83% 0.0756 85.14) 67.7%, oklch(85.53% 0.0710 83.98) 71.0%, oklch(84.54% 0.0655 81.48) 74.2%, oklch(82.87% 0.0588 77.87) 77.4%, oklch(80.65% 0.0520 73.03) 80.6%, oklch(78.02% 0.0464 66.80) 83.9%, oklch(74.98% 0.0429 58.73) 87.1%, oklch(70.90% 0.0414 47.19) 90.3%, oklch(66.38% 0.0411 34.13) 93.5%, oklch(62.28% 0.0413 22.17) 96.8%, oklch(59.45% 0.0413 13.94) 100.0%);

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

Bánh trung thu dưới ánh nến

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