Xanh lá đậm, vàng mù tạt và đỏ (ba tông) (gradient tuyến tính)

Bảng màu Xanh lá đậm, vàng mù tạt và đỏ (ba tông)

Gradient tuyến tính, 32 màu, góc 135°: #102a24, #03674c, #81aa4d, #e9a400, #e83b5d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#102a24
#102f28
#10342c
#0f3b31
#0c4336
#094b3c
#055442
#025e47
#03674c
#09704f
#167952
#258153
#358953
#479253
#5a9b52
#6da350
#81aa4d
#94b04a
#a7b544
#b8b73e
#c7b735
#d5b429
#e0ae16
#e9a400
#ef9800
#f58900
#f77914
#f7692a
#f45b3b
#f04d49
#ec4355
#e83b5d

CSS

background: linear-gradient(135deg in oklch, oklch(26.38% 0.0344 176.48) 0.0%, oklch(27.84% 0.0389 175.71) 3.2%, oklch(29.72% 0.0447 174.96) 6.5%, oklch(31.94% 0.0517 174.17) 9.7%, oklch(34.42% 0.0595 173.26) 12.9%, oklch(37.11% 0.0678 172.14) 16.1%, oklch(39.93% 0.0764 170.74) 19.4%, oklch(42.81% 0.0849 168.99) 22.6%, oklch(45.68% 0.0930 166.80) 25.8%, oklch(48.48% 0.1005 164.10) 29.0%, oklch(51.13% 0.1070 160.82) 32.3%, oklch(53.70% 0.1123 156.88) 35.5%, oklch(56.54% 0.1169 152.32) 38.7%, oklch(59.58% 0.1208 147.21) 41.9%, oklch(62.71% 0.1243 141.62) 45.2%, oklch(65.82% 0.1275 135.63) 48.4%, oklch(68.78% 0.1305 129.29) 51.6%, oklch(71.50% 0.1336 122.68) 54.8%, oklch(73.86% 0.1368 115.87) 58.1%, oklch(75.75% 0.1404 108.92) 61.3%, oklch(77.06% 0.1444 101.91) 64.5%, oklch(77.67% 0.1491 94.83) 67.7%, oklch(77.47% 0.1546 86.98) 71.0%, oklch(76.56% 0.1594 78.34) 74.2%, oklch(75.10% 0.1635 69.21) 77.4%, oklch(73.23% 0.1720 59.86) 80.6%, oklch(71.12% 0.1813 50.59) 83.9%, oklch(68.91% 0.1880 41.64) 87.1%, oklch(66.76% 0.1942 33.31) 90.3%, oklch(64.83% 0.1998 25.87) 93.5%, oklch(63.26% 0.2045 19.61) 96.8%, oklch(62.20% 0.2081 14.80) 100.0%);

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

Gradient Día de Muertos

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