Nâu, hồng và cam (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 135°: #210b00, #631c24, #9a3563, #e2664b, #eeb145. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#210b00
#250c00
#2a0d01
#300f02
#361104
#3e1207
#46140c
#4d1612
#551818
#5c1a1e
#631c24
#691e2b
#6e1f31
#742139
#792440
#7e2647
#83294e
#882b55
#8d2f5b
#933260
#9a3563
#a23965
#ab3d66
#b44265
#bd4762
#c64c5f
#ce525a
#d55955
#dc5f50
#e2664b
#e66e46
#ea7642
#ed7e3d
#ef873a
#f09039
#f09839
#f0a03b
#efa73e
#efad41
#eeb145

CSS

background: linear-gradient(135deg in oklch, oklch(18.11% 0.0455 52.03) 0.0%, oklch(19.08% 0.0489 49.91) 2.6%, oklch(20.35% 0.0535 47.11) 5.1%, oklch(21.85% 0.0589 43.77) 7.7%, oklch(23.53% 0.0649 40.05) 10.3%, oklch(25.33% 0.0714 36.07) 12.8%, oklch(27.20% 0.0780 31.99) 15.4%, oklch(29.08% 0.0846 27.95) 17.9%, oklch(30.92% 0.0909 24.09) 20.5%, oklch(32.66% 0.0967 20.56) 23.1%, oklch(34.24% 0.1018 17.47) 25.6%, oklch(35.72% 0.1066 14.27) 28.2%, oklch(37.16% 0.1113 10.83) 30.8%, oklch(38.55% 0.1158 7.33) 33.3%, oklch(39.93% 0.1202 3.95) 35.9%, oklch(41.32% 0.1244 0.85) 38.5%, oklch(42.72% 0.1284 358.20) 41.0%, oklch(44.16% 0.1321 356.17) 43.6%, oklch(45.65% 0.1357 354.95) 46.2%, oklch(47.22% 0.1390 354.68) 48.7%, oklch(48.87% 0.1421 355.56) 51.3%, oklch(50.64% 0.1450 357.62) 53.8%, oklch(52.50% 0.1479 0.69) 56.4%, oklch(54.42% 0.1506 4.57) 59.0%, oklch(56.38% 0.1531 9.08) 61.5%, oklch(58.34% 0.1552 14.00) 64.1%, oklch(60.28% 0.1570 19.15) 66.7%, oklch(62.18% 0.1584 24.34) 69.2%, oklch(64.00% 0.1594 29.37) 71.8%, oklch(65.73% 0.1598 34.03) 74.4%, oklch(67.38% 0.1596 38.47) 76.9%, oklch(69.06% 0.1585 43.28) 79.5%, oklch(70.74% 0.1567 48.35) 82.1%, oklch(72.38% 0.1544 53.53) 84.6%, oklch(73.97% 0.1517 58.66) 87.2%, oklch(75.47% 0.1490 63.61) 89.7%, oklch(76.84% 0.1463 68.21) 92.3%, oklch(78.06% 0.1439 72.32) 94.9%, oklch(79.10% 0.1419 75.78) 97.4%, oklch(79.92% 0.1406 78.45) 100.0%);

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

Gradient Lễ Tạ ơ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