Xanh lá, xanh cổ vịt và xanh dương (tương đồng) tông pastel (gradient tuyến tính)

Bảng màu Xanh lá, xanh cổ vịt và xanh dương (tương đồng) tông pastel

Gradient tuyến tính, 32 màu, góc 270°: #affca7, #79f1b9, #37decd, #06cbd5, #10b8d5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#affca7
#abfca8
#a6fbaa
#a0faac
#9af8ae
#92f7b1
#8af5b3
#82f3b6
#79f1b9
#71efbc
#68edbf
#5febc2
#56e8c5
#4ee6c7
#45e3c9
#3ee1cb
#37decd
#30dccf
#29d9d0
#21d6d1
#1ad3d2
#13d0d3
#0cced4
#06cbd5
#03c8d5
#01c5d5
#02c2d5
#04c0d6
#06bdd6
#0abbd6
#0db9d5
#10b8d5

CSS

background: linear-gradient(270deg in oklch, oklch(92.13% 0.1364 142.03) 0.0%, oklch(91.75% 0.1363 143.55) 3.2%, oklch(91.30% 0.1362 145.40) 6.5%, oklch(90.78% 0.1361 147.56) 9.7%, oklch(90.20% 0.1360 149.97) 12.9%, oklch(89.57% 0.1359 152.61) 16.1%, oklch(88.89% 0.1358 155.43) 19.4%, oklch(88.18% 0.1357 158.38) 22.6%, oklch(87.44% 0.1355 161.43) 25.8%, oklch(86.68% 0.1353 164.53) 29.0%, oklch(85.91% 0.1352 167.65) 32.3%, oklch(85.14% 0.1349 170.74) 35.5%, oklch(84.38% 0.1347 173.77) 38.7%, oklch(83.63% 0.1344 176.69) 41.9%, oklch(82.91% 0.1342 179.46) 45.2%, oklch(82.22% 0.1338 182.04) 48.4%, oklch(81.56% 0.1335 184.43) 51.6%, oklch(80.88% 0.1330 186.82) 54.8%, oklch(80.17% 0.1326 189.24) 58.1%, oklch(79.45% 0.1320 191.67) 61.3%, oklch(78.71% 0.1314 194.09) 64.5%, oklch(77.97% 0.1308 196.48) 67.7%, oklch(77.23% 0.1302 198.83) 71.0%, oklch(76.51% 0.1295 201.11) 74.2%, oklch(75.80% 0.1289 203.31) 77.4%, oklch(75.12% 0.1282 205.42) 80.6%, oklch(74.48% 0.1276 207.40) 83.9%, oklch(73.88% 0.1271 209.25) 87.1%, oklch(73.33% 0.1266 210.95) 90.3%, oklch(72.83% 0.1261 212.48) 93.5%, oklch(72.40% 0.1257 213.82) 96.8%, oklch(72.05% 0.1254 214.95) 100.0%);

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

Gradient mùa xuân Gradient nhiều màu tông sáng

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