Xanh cổ vịt, be, cam và hồng (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #176b70, #518c5c, #edddba, #d8702a, #c54685. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#176b70
#156e70
#10716e
#0d746b
#117767
#1d7b63
#2c805f
#3e855c
#518c5c
#699561
#83a16c
#9daf7d
#b6be90
#cbcba3
#dcd6b3
#e7ddbb
#edddba
#eed6ae
#ecca9a
#e8b982
#e4a668
#df934e
#da8037
#d8702a
#d7642c
#d75a38
#d55247
#d34c56
#d04965
#cc4773
#c8477e
#c54685

CSS

background: linear-gradient(90deg in oklch, oklch(48.43% 0.0758 201.09) 0.0%, oklch(49.02% 0.0780 197.11) 3.2%, oklch(49.63% 0.0814 191.87) 6.5%, oklch(50.35% 0.0855 185.63) 9.7%, oklch(51.26% 0.0897 178.66) 12.9%, oklch(52.45% 0.0935 171.21) 16.1%, oklch(54.01% 0.0961 163.54) 19.4%, oklch(56.02% 0.0971 155.91) 22.6%, oklch(58.60% 0.0958 148.54) 25.8%, oklch(62.41% 0.0907 140.85) 29.0%, oklch(67.30% 0.0825 132.72) 32.3%, oklch(72.73% 0.0726 124.33) 35.5%, oklch(78.20% 0.0625 115.91) 38.7%, oklch(83.19% 0.0537 107.66) 41.9%, oklch(87.18% 0.0476 99.77) 45.2%, oklch(89.65% 0.0458 92.46) 48.4%, oklch(90.12% 0.0495 85.92) 51.6%, oklch(88.61% 0.0591 80.22) 54.8%, oklch(85.62% 0.0731 75.12) 58.1%, oklch(81.62% 0.0897 70.39) 61.3%, oklch(77.13% 0.1076 65.80) 64.5%, oklch(72.61% 0.1250 61.11) 67.7%, oklch(68.58% 0.1404 56.07) 71.0%, oklch(65.52% 0.1521 50.45) 74.2%, oklch(63.58% 0.1597 43.89) 77.4%, oklch(62.14% 0.1648 36.24) 80.6%, oklch(61.07% 0.1680 27.94) 83.9%, oklch(60.31% 0.1699 19.46) 87.1%, oklch(59.77% 0.1707 11.25) 90.3%, oklch(59.37% 0.1711 3.78) 93.5%, oklch(59.03% 0.1715 357.51) 96.8%, oklch(58.66% 0.1722 352.91) 100.0%);

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

Gradient bản đồ thời tiết

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