Xanh hải quân, xanh lá đậm, xanh cổ vịt và hồng cá hồi (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh lá đậm, xanh cổ vịt và hồng cá hồi

Gradient tuyến tính, 32 màu, góc 180°: #101f2e, #18513e, #00616c, #7858a0, #d6937c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#101f2e
#0f2231
#0d2735
#092d39
#06343c
#033c3e
#06433f
#0f4a3e
#18513e
#20563d
#235b3f
#205f42
#156248
#006350
#00635a
#006263
#00616c
#005f77
#005d87
#1d5a95
#39579b
#4e559f
#6356a1
#7858a0
#8c5b9c
#9f6197
#af6890
#bd718a
#c77a84
#cf8480
#d38c7e
#d6937c

CSS

background: linear-gradient(180deg in oklch, oklch(23.23% 0.0358 249.61) 0.0%, oklch(24.42% 0.0382 243.53) 3.2%, oklch(26.03% 0.0412 234.64) 6.5%, oklch(27.95% 0.0448 223.74) 9.7%, oklch(30.10% 0.0489 211.62) 12.9%, oklch(32.39% 0.0532 199.11) 16.1%, oklch(34.71% 0.0578 186.99) 19.4%, oklch(36.98% 0.0625 176.07) 22.6%, oklch(39.09% 0.0671 167.17) 25.8%, oklch(40.96% 0.0716 161.08) 29.0%, oklch(42.49% 0.0758 158.61) 32.3%, oklch(43.60% 0.0799 160.28) 35.5%, oklch(44.31% 0.0844 165.37) 38.7%, oklch(44.70% 0.0856 173.29) 41.9%, oklch(44.88% 0.0797 183.56) 45.2%, oklch(44.94% 0.0766 195.64) 48.4%, oklch(44.98% 0.0775 209.01) 51.6%, oklch(45.09% 0.0841 223.13) 54.8%, oklch(45.37% 0.0998 237.47) 58.1%, oklch(45.90% 0.1146 251.49) 61.3%, oklch(46.80% 0.1165 264.74) 64.5%, oklch(48.15% 0.1172 276.82) 67.7%, oklch(50.04% 0.1166 289.52) 71.0%, oklch(52.37% 0.1147 303.14) 74.2%, oklch(55.03% 0.1119 317.30) 77.4%, oklch(57.89% 0.1084 331.61) 80.6%, oklch(60.82% 0.1045 345.71) 83.9%, oklch(63.72% 0.1005 359.22) 87.1%, oklch(66.45% 0.0965 11.74) 90.3%, oklch(68.90% 0.0930 22.91) 93.5%, oklch(70.93% 0.0901 32.35) 96.8%, oklch(72.44% 0.0882 39.67) 100.0%);

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

Bạch đàn tuyết lúc giờ xanh

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