Xanh cổ vịt, xám và hồng (gradient tuyến tính)

Xanh cổ vịt, xám và hồng: bảng màu gồm 32 màu. #96bea9, #7ba58a, #83927b, #a48d80, #d29296. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 5 keyframe OKLCH chỉnh sửa được.

#96bea9
#94bca7
#90baa3
#8cb69f
#87b39b
#83af96
#7fab91
#7ca88d
#7ba58a
#7aa287
#7a9f85
#7a9c84
#7b9a82
#7c9781
#7e957f
#80937d
#83927b
#879179
#8c8f78
#928e77
#978d78
#9b8d7a
#a08d7d
#a48d80
#a88d82
#ae8e84
#b58f87
#bc908a
#c3918d
#c99190
#ce9294
#d29296

CSS

background: linear-gradient(90deg in oklch, oklch(76.77% 0.0524 161.72) 0.0%, oklch(76.08% 0.0532 161.39) 3.2%, oklch(75.13% 0.0547 161.04) 6.5%, oklch(73.99% 0.0564 160.64) 9.7%, oklch(72.75% 0.0581 160.13) 12.9%, oklch(71.48% 0.0596 159.46) 16.1%, oklch(70.27% 0.0607 158.59) 19.4%, oklch(69.18% 0.0610 157.47) 22.6%, oklch(68.30% 0.0604 156.08) 25.8%, oklch(67.51% 0.0586 155.03) 29.0%, oklch(66.77% 0.0559 154.26) 32.3%, oklch(66.09% 0.0526 153.41) 35.5%, oklch(65.48% 0.0490 152.10) 38.7%, oklch(64.97% 0.0454 149.95) 41.9%, oklch(64.56% 0.0422 146.59) 45.2%, oklch(64.27% 0.0396 141.65) 48.4%, oklch(64.11% 0.0377 134.64) 51.6%, oklch(64.09% 0.0359 124.93) 54.8%, oklch(64.19% 0.0343 113.18) 58.1%, oklch(64.39% 0.0329 100.18) 61.3%, oklch(64.69% 0.0320 86.73) 64.5%, oklch(65.07% 0.0317 73.65) 67.7%, oklch(65.51% 0.0323 61.74) 71.0%, oklch(66.01% 0.0339 51.79) 74.2%, oklch(66.61% 0.0369 44.05) 77.4%, oklch(67.40% 0.0418 37.49) 80.6%, oklch(68.31% 0.0479 31.93) 83.9%, oklch(69.29% 0.0547 27.25) 87.1%, oklch(70.26% 0.0616 23.32) 90.3%, oklch(71.16% 0.0680 20.02) 93.5%, oklch(71.91% 0.0734 17.23) 96.8%, oklch(72.44% 0.0772 14.83) 100.0%);

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

Gradient khu vườn phong sương Gradient trung tính dịu Gradient nhiều màu dị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