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

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

Gradient tuyến tính, 32 màu, góc 225°: #e8cd7d, #aacb87, #69bf9b, #35afa5, #089ca4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e8cd7d
#e3cd7c
#ddce7c
#d6cd7d
#cecd7e
#c6cd80
#bdcd82
#b3cc85
#aacb87
#a1ca8a
#99c98d
#92c78f
#8ac691
#82c494
#79c396
#71c198
#69bf9b
#60bd9d
#58bb9f
#51b9a1
#49b7a2
#42b4a4
#3cb2a5
#35afa5
#2faca6
#29a9a6
#23a6a6
#1da4a5
#18a1a5
#129fa5
#0d9da5
#089ca4

CSS

background: linear-gradient(225deg in oklch, oklch(85.43% 0.1047 92.11) 0.0%, oklch(85.03% 0.1042 94.93) 3.2%, oklch(84.52% 0.1034 98.59) 6.5%, oklch(83.92% 0.1024 102.92) 9.7%, oklch(83.24% 0.1014 107.78) 12.9%, oklch(82.51% 0.1003 113.01) 16.1%, oklch(81.74% 0.0992 118.45) 19.4%, oklch(80.94% 0.0982 123.95) 22.6%, oklch(80.14% 0.0974 129.36) 25.8%, oklch(79.35% 0.0968 134.51) 29.0%, oklch(78.59% 0.0965 139.26) 32.3%, oklch(77.86% 0.0965 143.59) 35.5%, oklch(77.12% 0.0969 147.88) 38.7%, oklch(76.36% 0.0976 152.15) 41.9%, oklch(75.59% 0.0984 156.37) 45.2%, oklch(74.82% 0.0995 160.49) 48.4%, oklch(74.05% 0.1005 164.51) 51.6%, oklch(73.27% 0.1016 168.38) 54.8%, oklch(72.50% 0.1027 172.07) 58.1%, oklch(71.73% 0.1036 175.57) 61.3%, oklch(70.97% 0.1044 178.84) 64.5%, oklch(70.22% 0.1049 181.86) 67.7%, oklch(69.43% 0.1052 184.69) 71.0%, oklch(68.61% 0.1055 187.35) 74.2%, oklch(67.77% 0.1057 189.85) 77.4%, oklch(66.93% 0.1059 192.16) 80.6%, oklch(66.11% 0.1059 194.30) 83.9%, oklch(65.33% 0.1060 196.24) 87.1%, oklch(64.61% 0.1060 197.99) 90.3%, oklch(63.96% 0.1060 199.54) 93.5%, oklch(63.42% 0.1061 200.88) 96.8%, oklch(62.99% 0.1061 202.01) 100.0%);

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

Gradient mùa hè Gradient retro

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