Đỏ nâu, xanh dương nhạt, xám và nâu (gradient xuyên tâm)

Bảng màu Đỏ nâu, xanh dương nhạt, xám và nâu

Gradient xuyên tâm, 32 màu: #691f35, #a29259, #b4dac1, #8a7d59, #36101e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#691f35
#6f2634
#783033
#813c31
#8a4a31
#935b34
#996d3b
#9e7f48
#a29259
#a4a36d
#a6b381
#a9c195
#accca6
#b0d5b4
#b3dabe
#b4dcc2
#b4dac1
#b2d5bb
#adccb0
#a8c0a1
#a1b290
#9aa27d
#93906a
#8a7d59
#816b49
#76583d
#6b4734
#5e382d
#522a28
#471f24
#3d1621
#36101e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(36.22% 0.1061 5.63) 0.0%, oklch(38.24% 0.1041 11.71) 3.2%, oklch(41.00% 0.1015 19.97) 6.5%, oklch(44.38% 0.0983 30.02) 9.7%, oklch(48.25% 0.0948 41.51) 12.9%, oklch(52.48% 0.0910 54.06) 16.1%, oklch(56.93% 0.0869 67.30) 19.4%, oklch(61.49% 0.0826 80.87) 22.6%, oklch(66.01% 0.0783 94.38) 25.8%, oklch(70.37% 0.0741 107.47) 29.0%, oklch(74.44% 0.0700 119.77) 32.3%, oklch(78.09% 0.0661 130.91) 35.5%, oklch(81.19% 0.0625 140.52) 38.7%, oklch(83.61% 0.0593 148.22) 41.9%, oklch(85.21% 0.0566 153.66) 45.2%, oklch(85.88% 0.0545 156.45) 48.4%, oklch(85.48% 0.0531 156.24) 51.6%, oklch(83.98% 0.0522 153.02) 54.8%, oklch(81.50% 0.0517 147.13) 58.1%, oklch(78.19% 0.0517 138.96) 61.3%, oklch(74.18% 0.0520 128.88) 64.5%, oklch(69.61% 0.0525 117.26) 67.7%, oklch(64.63% 0.0533 104.49) 71.0%, oklch(59.36% 0.0543 90.93) 74.2%, oklch(53.96% 0.0554 76.96) 77.4%, oklch(48.56% 0.0566 62.96) 80.6%, oklch(43.31% 0.0578 49.30) 83.9%, oklch(38.33% 0.0590 36.36) 87.1%, oklch(33.77% 0.0600 24.51) 90.3%, oklch(29.77% 0.0609 14.13) 93.5%, oklch(26.48% 0.0616 5.60) 96.8%, oklch(24.02% 0.0620 359.28) 100.0%);

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

Gradient đỏ và xanh lá

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