Cam, xám và vàng (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #f15a26, #d4c47b, #e9f4e9, #d8f2bd, #f2d23c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f15a26
#f16420
#f0701a
#ed7e1b
#ea8d26
#e59c38
#dfaa4d
#d9b864
#d4c47b
#d1cf92
#d1d8a7
#d3e0ba
#d7e6ca
#ddebd6
#e2efe0
#e6f2e6
#e9f4e9
#e9f6e9
#e7f7e8
#e4f7e3
#e1f7dd
#ddf6d4
#daf5ca
#d8f2bd
#d8efae
#daec9e
#dde78d
#e1e27b
#e6dd69
#ebd959
#efd549
#f2d23c

CSS

background: linear-gradient(45deg in oklch, oklch(66.14% 0.1957 37.97) 0.0%, oklch(67.27% 0.1886 42.19) 3.2%, oklch(68.75% 0.1792 47.74) 6.5%, oklch(70.52% 0.1678 54.43) 9.7%, oklch(72.52% 0.1548 62.02) 12.9%, oklch(74.72% 0.1406 70.31) 16.1%, oklch(77.04% 0.1256 79.09) 19.4%, oklch(79.43% 0.1102 88.13) 22.6%, oklch(81.85% 0.0948 97.24) 25.8%, oklch(84.24% 0.0798 106.18) 29.0%, oklch(86.55% 0.0655 114.76) 32.3%, oklch(88.71% 0.0525 122.75) 35.5%, oklch(90.68% 0.0411 129.95) 38.7%, oklch(92.40% 0.0316 136.13) 41.9%, oklch(93.82% 0.0245 141.09) 45.2%, oklch(94.89% 0.0203 144.60) 48.4%, oklch(95.56% 0.0191 146.51) 51.6%, oklch(95.89% 0.0211 146.96) 54.8%, oklch(95.93% 0.0257 146.14) 58.1%, oklch(95.71% 0.0326 144.22) 61.3%, oklch(95.27% 0.0415 141.36) 64.5%, oklch(94.64% 0.0519 137.74) 67.7%, oklch(93.87% 0.0636 133.52) 71.0%, oklch(93.00% 0.0760 128.87) 74.2%, oklch(92.05% 0.0890 123.95) 77.4%, oklch(91.07% 0.1020 118.94) 80.6%, oklch(90.10% 0.1147 113.99) 83.9%, oklch(89.17% 0.1268 109.27) 87.1%, oklch(88.32% 0.1379 104.96) 90.3%, oklch(87.58% 0.1475 101.21) 93.5%, oklch(87.00% 0.1555 98.20) 96.8%, oklch(86.61% 0.1612 96.09) 100.0%);

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

Darecations

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