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 45°: #e9c46a, #c3c065, #87b772, #52aa82, #299d8e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e9c46a
#e6c469
#e3c368
#dfc367
#dac366
#d5c266
#cfc265
#c9c165
#c3c065
#bcbf66
#b5bf67
#aebe68
#a6bd69
#9ebb6b
#97ba6d
#8fb96f
#87b772
#7fb674
#77b477
#6fb279
#67b07c
#60ae7e
#59ac80
#52aa82
#4ba884
#45a786
#3fa588
#3aa38a
#35a18b
#30a08c
#2d9e8d
#299d8e

CSS

background: linear-gradient(45deg in oklch, oklch(83.46% 0.1171 87.19) 0.0%, oklch(83.10% 0.1169 88.87) 3.2%, oklch(82.68% 0.1165 90.82) 6.5%, oklch(82.20% 0.1162 93.04) 9.7%, oklch(81.68% 0.1158 95.49) 12.9%, oklch(81.10% 0.1154 98.17) 16.1%, oklch(80.48% 0.1149 101.05) 19.4%, oklch(79.82% 0.1144 104.10) 22.6%, oklch(79.13% 0.1139 107.33) 25.8%, oklch(78.41% 0.1134 110.69) 29.0%, oklch(77.65% 0.1128 114.18) 32.3%, oklch(76.88% 0.1123 117.77) 35.5%, oklch(76.09% 0.1117 121.46) 38.7%, oklch(75.28% 0.1111 125.20) 41.9%, oklch(74.46% 0.1105 129.00) 45.2%, oklch(73.64% 0.1099 132.82) 48.4%, oklch(72.82% 0.1092 136.66) 51.6%, oklch(71.99% 0.1086 140.48) 54.8%, oklch(71.18% 0.1080 144.28) 58.1%, oklch(70.37% 0.1074 148.03) 61.3%, oklch(69.58% 0.1068 151.71) 64.5%, oklch(68.80% 0.1063 155.30) 67.7%, oklch(68.05% 0.1057 158.79) 71.0%, oklch(67.33% 0.1052 162.16) 74.2%, oklch(66.63% 0.1047 165.38) 77.4%, oklch(65.98% 0.1042 168.44) 80.6%, oklch(65.36% 0.1037 171.31) 83.9%, oklch(64.78% 0.1033 173.99) 87.1%, oklch(64.25% 0.1029 176.44) 90.3%, oklch(63.77% 0.1025 178.66) 93.5%, oklch(63.35% 0.1022 180.62) 96.8%, oklch(62.99% 0.1020 182.30) 100.0%);

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

Gradient hai màu

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