Xanh lá, cam và vàng (ba tông) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 225°: #48765a, #f38c1c, #adb21e, #1f5c40, #a6b381. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#48765a
#507b56
#60824d
#78883e
#968c29
#b58d0e
#d18d00
#e78c11
#f38c1c
#f98f19
#fb9501
#f69e00
#eda700
#e1ae00
#d2b200
#c1b400
#adb21e
#93aa2f
#769d3b
#588d41
#3f7d43
#2c6e43
#216241
#1f5c40
#265d43
#346449
#467051
#5b7e5b
#718e66
#879e70
#9aab7a
#a6b381

CSS

background: linear-gradient(225deg in oklch, oklch(52.36% 0.0661 156.80) 0.0%, oklch(54.17% 0.0747 148.05) 3.2%, oklch(56.74% 0.0870 135.26) 6.5%, oklch(59.81% 0.1016 119.96) 9.7%, oklch(63.11% 0.1174 103.71) 12.9%, oklch(66.40% 0.1329 88.05) 16.1%, oklch(69.41% 0.1468 74.50) 19.4%, oklch(71.88% 0.1582 64.67) 22.6%, oklch(73.59% 0.1654 59.99) 25.8%, oklch(74.95% 0.1698 60.09) 29.0%, oklch(76.11% 0.1722 63.77) 32.3%, oklch(76.98% 0.1666 70.13) 35.5%, oklch(77.47% 0.1613 78.30) 38.7%, oklch(77.48% 0.1584 87.38) 41.9%, oklch(76.92% 0.1584 96.47) 45.2%, oklch(75.70% 0.1604 104.69) 48.4%, oklch(73.55% 0.1552 111.63) 51.6%, oklch(69.72% 0.1462 119.50) 54.8%, oklch(64.63% 0.1348 128.15) 58.1%, oklch(58.93% 0.1221 136.95) 61.3%, oklch(53.25% 0.1089 145.25) 64.5%, oklch(48.21% 0.0965 152.40) 67.7%, oklch(44.46% 0.0856 157.78) 71.0%, oklch(42.61% 0.0773 160.74) 74.2%, oklch(43.21% 0.0722 160.57) 77.4%, oklch(46.01% 0.0692 157.27) 80.6%, oklch(50.39% 0.0679 151.67) 83.9%, oklch(55.74% 0.0678 144.65) 87.1%, oklch(61.44% 0.0685 137.09) 90.3%, oklch(66.86% 0.0694 129.84) 93.5%, oklch(71.39% 0.0702 123.79) 96.8%, oklch(74.41% 0.0703 119.81) 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