Cam, nâu, tím đậm và xanh dương (gradient tuyến tính)

Bảng màu Cam, nâu, tím đậm và xanh dương

Gradient tuyến tính, 32 màu, góc 135°: #e58b2e, #ab500a, #5f291b, #33294e, #33518f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e58b2e
#e1862a
#db7f24
#d5761d
#cd6e16
#c66712
#bd5f0e
#b4570c
#ab500a
#a2490a
#984307
#8f3d05
#853705
#7c320a
#732e11
#692b16
#5f291b
#572720
#502426
#4a232e
#442337
#3d2540
#372747
#33294e
#312c57
#2e3061
#2c346b
#2a3a73
#2a407b
#2d4783
#304d8a
#33518f

CSS

background: linear-gradient(135deg in oklch, oklch(71.65% 0.1488 61.17) 0.0%, oklch(70.26% 0.1491 60.17) 3.2%, oklch(68.29% 0.1496 58.74) 6.5%, oklch(65.98% 0.1498 57.10) 9.7%, oklch(63.59% 0.1494 55.47) 12.9%, oklch(61.27% 0.1478 54.01) 16.1%, oklch(58.82% 0.1453 52.54) 19.4%, oklch(56.27% 0.1422 51.08) 22.6%, oklch(53.71% 0.1385 49.65) 25.8%, oklch(51.22% 0.1344 48.31) 29.0%, oklch(48.75% 0.1302 47.42) 32.3%, oklch(46.26% 0.1256 46.76) 35.5%, oklch(43.85% 0.1202 45.79) 38.7%, oklch(41.56% 0.1137 43.96) 41.9%, oklch(39.41% 0.1053 41.44) 45.2%, oklch(37.28% 0.0944 39.18) 48.4%, oklch(35.31% 0.0829 35.81) 51.6%, oklch(33.63% 0.0728 29.83) 54.8%, oklch(32.36% 0.0659 19.64) 58.1%, oklch(31.43% 0.0611 3.35) 61.3%, oklch(30.82% 0.0581 343.42) 64.5%, oklch(30.56% 0.0572 323.39) 67.7%, oklch(30.66% 0.0588 306.81) 71.0%, oklch(31.20% 0.0642 295.21) 74.2%, oklch(32.17% 0.0736 286.32) 77.4%, oklch(33.46% 0.0844 279.44) 80.6%, oklch(34.94% 0.0939 273.91) 83.9%, oklch(36.56% 0.1000 269.26) 87.1%, oklch(38.66% 0.1034 266.21) 90.3%, oklch(40.97% 0.1054 264.48) 93.5%, oklch(43.05% 0.1065 263.50) 96.8%, oklch(44.49% 0.1075 262.66) 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