Đỏ nâu, be và nâu vàng tông ấm (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #6a273e, #b98d7b, #f8ead1, #edd69b, #d1a532. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6a273e
#712e40
#793744
#83424a
#8d4f51
#985d59
#a36d63
#ae7d6f
#b98d7b
#c49d89
#cead97
#d8bca6
#e1c9b3
#e9d5be
#efdfc8
#f5e6ce
#f8ead1
#faecd0
#faeccd
#f9eac6
#f7e7be
#f4e2b4
#f1dca8
#edd69b
#e9cf8d
#e4c77f
#e0c070
#dcb962
#d9b254
#d6ad47
#d3a83b
#d1a532

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(37.80% 0.0992 2.11) 0.0%, oklch(39.97% 0.0966 5.13) 3.2%, oklch(42.82% 0.0929 8.99) 6.5%, oklch(46.23% 0.0885 13.58) 9.7%, oklch(50.11% 0.0833 18.76) 12.9%, oklch(54.34% 0.0777 24.42) 16.1%, oklch(58.82% 0.0718 30.42) 19.4%, oklch(63.45% 0.0657 36.66) 22.6%, oklch(68.12% 0.0598 42.99) 25.8%, oklch(72.72% 0.0541 49.31) 29.0%, oklch(77.15% 0.0488 55.49) 32.3%, oklch(81.30% 0.0441 61.39) 35.5%, oklch(85.06% 0.0403 66.91) 38.7%, oklch(88.34% 0.0374 71.91) 41.9%, oklch(91.02% 0.0358 76.28) 45.2%, oklch(93.01% 0.0354 79.89) 48.4%, oklch(94.20% 0.0366 82.66) 51.6%, oklch(94.72% 0.0395 84.82) 54.8%, oklch(94.64% 0.0438 86.47) 58.1%, oklch(94.05% 0.0494 87.67) 61.3%, oklch(93.02% 0.0561 88.47) 64.5%, oklch(91.63% 0.0635 88.92) 67.7%, oklch(89.94% 0.0716 89.08) 71.0%, oklch(88.05% 0.0800 89.01) 74.2%, oklch(86.02% 0.0887 88.76) 77.4%, oklch(83.93% 0.0973 88.39) 80.6%, oklch(81.85% 0.1056 87.94) 83.9%, oklch(79.88% 0.1136 87.49) 87.1%, oklch(78.06% 0.1208 87.08) 90.3%, oklch(76.50% 0.1272 86.76) 93.5%, oklch(75.26% 0.1324 86.60) 96.8%, oklch(74.41% 0.1364 86.65) 100.0%);

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

Glamoratti

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