Đỏ nâu, cam, nâu vàng và xanh dương nhạt (gradient tuyến tính)

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

Gradient tuyến tính, 32 màu, góc 270°: #6e0003, #b73e07, #d7932a, #cdc087, #b4bff4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6e0003
#760002
#800202
#8a0903
#961304
#a01d04
#a82704
#b03305
#b73e07
#be4a0a
#c4550c
#c9600d
#ce6a0e
#d17512
#d48019
#d68a21
#d7932a
#d99a32
#dba239
#dca842
#dbaf4d
#d6b65c
#d2bc71
#cdc087
#c8c39a
#c3c6aa
#bec8b4
#b5cbbb
#a6cdc9
#9dccde
#a5c6ef
#b4bff4

CSS

background: linear-gradient(270deg in oklch, oklch(33.88% 0.1386 28.19) 0.0%, oklch(35.46% 0.1452 28.57) 3.2%, oklch(37.66% 0.1532 28.97) 6.5%, oklch(40.27% 0.1598 29.62) 9.7%, oklch(43.01% 0.1656 30.60) 12.9%, oklch(45.65% 0.1692 32.05) 16.1%, oklch(48.13% 0.1699 34.05) 19.4%, oklch(50.68% 0.1686 36.48) 22.6%, oklch(53.25% 0.1660 39.30) 25.8%, oklch(55.79% 0.1627 42.47) 29.0%, oklch(58.26% 0.1594 45.93) 32.3%, oklch(60.63% 0.1565 49.77) 35.5%, oklch(62.98% 0.1533 54.21) 38.7%, oklch(65.27% 0.1498 58.98) 41.9%, oklch(67.46% 0.1462 63.78) 45.2%, oklch(69.51% 0.1424 68.32) 48.4%, oklch(71.39% 0.1390 72.27) 51.6%, oklch(73.15% 0.1368 75.46) 54.8%, oklch(74.77% 0.1349 78.34) 58.1%, oklch(76.25% 0.1317 81.42) 61.3%, oklch(77.57% 0.1259 85.20) 64.5%, oklch(78.70% 0.1158 89.95) 67.7%, oklch(79.67% 0.0983 93.51) 71.0%, oklch(80.46% 0.0766 96.92) 74.2%, oklch(81.10% 0.0549 102.30) 77.4%, oklch(81.59% 0.0379 111.76) 80.6%, oklch(81.94% 0.0298 127.50) 83.9%, oklch(82.06% 0.0323 153.60) 87.1%, oklch(81.98% 0.0422 187.23) 90.3%, oklch(81.80% 0.0553 222.61) 93.5%, oklch(81.61% 0.0678 253.93) 96.8%, oklch(81.50% 0.0758 275.40) 100.0%);

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

Gradient nhiều màu

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