Be, vàng mù tạt, xanh cổ vịt và xanh lá (gradient tuyến tính)

Bảng màu Be, vàng mù tạt, xanh cổ vịt và xanh lá

Gradient tuyến tính, 32 màu, góc 135°: #f3e8cc, #ecb558, #498856, #266c65, #8fa349. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f3e8cc
#f2e5c4
#f1e0b9
#f1dbac
#f2d49d
#f2cd8c
#f2c57b
#f0bd6a
#ecb558
#e6af46
#dca935
#cea527
#b9a123
#9e9d2c
#81983b
#64914a
#498856
#357e5e
#297562
#246d63
#246863
#246663
#246864
#266c65
#2a7366
#337c65
#408563
#508e5f
#639659
#759c53
#84a04d
#8fa349

CSS

background: linear-gradient(135deg in oklch, oklch(93.31% 0.0386 89.30) 0.0%, oklch(92.34% 0.0452 88.59) 3.2%, oklch(91.16% 0.0546 87.08) 6.5%, oklch(89.79% 0.0660 85.09) 9.7%, oklch(88.24% 0.0787 82.92) 12.9%, oklch(86.54% 0.0920 80.88) 16.1%, oklch(84.70% 0.1051 79.29) 19.4%, oklch(82.75% 0.1171 78.45) 22.6%, oklch(80.69% 0.1274 78.67) 25.8%, oklch(78.54% 0.1353 80.27) 29.0%, oklch(76.34% 0.1399 83.55) 32.3%, oklch(73.95% 0.1405 89.13) 35.5%, oklch(71.03% 0.1372 97.80) 38.7%, oklch(67.72% 0.1307 108.89) 41.9%, oklch(64.18% 0.1220 121.62) 45.2%, oklch(60.56% 0.1118 135.20) 48.4%, oklch(57.05% 0.1010 148.86) 51.6%, oklch(53.80% 0.0903 161.82) 54.8%, oklch(50.99% 0.0807 173.29) 58.1%, oklch(48.77% 0.0729 182.51) 61.3%, oklch(47.31% 0.0677 188.70) 64.5%, oklch(46.79% 0.0659 191.09) 67.7%, oklch(47.30% 0.0671 189.73) 71.0%, oklch(48.69% 0.0704 185.30) 74.2%, oklch(50.76% 0.0755 178.47) 77.4%, oklch(53.32% 0.0818 169.91) 80.6%, oklch(56.17% 0.0889 160.30) 83.9%, oklch(59.13% 0.0962 150.31) 87.1%, oklch(62.00% 0.1033 140.60) 90.3%, oklch(64.58% 0.1098 131.86) 93.5%, oklch(66.68% 0.1150 124.75) 96.8%, oklch(68.11% 0.1185 119.94) 100.0%);

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

Lụa kasavu và vạn thọ

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