Cam, xanh cổ vịt và xanh lá (ba tông) (gradient tuyến tính)

Bảng màu Cam, xanh cổ vịt và xanh lá (ba tông)

Gradient tuyến tính, 32 màu, góc 45°: #de7d37, #687c44, #3c5d59, #19735f, #389033. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#de7d37
#d67e2f
#cc7f26
#be811f
#ae821f
#9d8226
#8a8130
#797f3b
#687c44
#5a784c
#507352
#486d56
#436858
#416459
#3f6059
#3e5e59
#3c5d59
#3a5d5a
#375f5b
#33615d
#2e655e
#28695f
#216e5f
#19735f
#11785c
#0d7d59
#0f8154
#18854e
#228947
#2b8c40
#328e39
#389033

CSS

background: linear-gradient(45deg in oklch, oklch(68.50% 0.1461 52.73) 0.0%, oklch(67.59% 0.1417 57.91) 3.2%, oklch(66.38% 0.1358 64.68) 6.5%, oklch(64.93% 0.1287 72.79) 9.7%, oklch(63.27% 0.1204 82.00) 12.9%, oklch(61.47% 0.1115 92.05) 16.1%, oklch(59.56% 0.1020 102.70) 19.4%, oklch(57.59% 0.0923 113.69) 22.6%, oklch(55.61% 0.0827 124.79) 25.8%, oklch(53.67% 0.0734 135.73) 29.0%, oklch(51.82% 0.0646 146.26) 32.3%, oklch(50.09% 0.0567 156.15) 35.5%, oklch(48.55% 0.0499 165.13) 38.7%, oklch(47.24% 0.0444 172.97) 41.9%, oklch(46.21% 0.0406 179.40) 45.2%, oklch(45.50% 0.0387 184.19) 48.4%, oklch(45.15% 0.0390 187.13) 51.6%, oklch(45.13% 0.0415 188.48) 54.8%, oklch(45.41% 0.0459 188.44) 58.1%, oklch(45.94% 0.0519 187.19) 61.3%, oklch(46.69% 0.0593 184.91) 64.5%, oklch(47.61% 0.0679 181.78) 67.7%, oklch(48.67% 0.0773 177.98) 71.0%, oklch(49.82% 0.0872 173.68) 74.2%, oklch(51.04% 0.0974 169.05) 77.4%, oklch(52.27% 0.1077 164.28) 80.6%, oklch(53.48% 0.1177 159.55) 83.9%, oklch(54.63% 0.1272 155.02) 87.1%, oklch(55.69% 0.1358 150.88) 90.3%, oklch(56.61% 0.1434 147.31) 93.5%, oklch(57.35% 0.1497 144.47) 96.8%, oklch(57.87% 0.1543 142.56) 100.0%);

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

Giàn cà chua sai quả

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