Nâu, xám, xanh cổ vịt và xanh hải quân (gradient tuyến tính)

Bảng màu Nâu, xám, xanh cổ vịt và xanh hải quân

Gradient tuyến tính, 32 màu, góc 135°: #a87655, #8aa08f, #348698, #004463, #000319. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a87655
#a67c5a
#a48463
#a18c6f
#9e937a
#9c9882
#989b87
#929e8a
#8aa08f
#80a196
#76a19c
#6e9fa0
#649ca1
#5998a0
#4c939e
#3f8d9c
#348698
#297e93
#1f758d
#156b86
#0b617e
#045876
#014e6d
#004463
#003a5a
#013050
#002746
#001e3c
#001531
#000c27
#00061f
#000319

CSS

background: linear-gradient(135deg in oklch, oklch(61.02% 0.0785 54.14) 0.0%, oklch(62.00% 0.0712 59.54) 3.2%, oklch(63.45% 0.0603 66.72) 6.5%, oklch(65.07% 0.0483 75.63) 9.7%, oklch(66.55% 0.0377 86.22) 12.9%, oklch(67.60% 0.0309 98.44) 16.1%, oklch(68.14% 0.0293 113.54) 19.4%, oklch(68.42% 0.0312 132.44) 22.6%, oklch(68.43% 0.0354 152.73) 25.8%, oklch(68.16% 0.0409 171.92) 29.0%, oklch(67.58% 0.0465 187.54) 32.3%, oklch(66.69% 0.0520 197.69) 35.5%, oklch(65.47% 0.0588 203.65) 38.7%, oklch(63.96% 0.0662 206.91) 41.9%, oklch(62.18% 0.0734 208.91) 45.2%, oklch(60.15% 0.0792 211.07) 48.4%, oklch(57.88% 0.0829 214.45) 51.6%, oklch(55.26% 0.0852 217.84) 54.8%, oklch(52.37% 0.0862 221.04) 58.1%, oklch(49.30% 0.0864 224.18) 61.3%, oklch(46.17% 0.0860 227.36) 64.5%, oklch(43.06% 0.0851 230.70) 67.7%, oklch(39.84% 0.0832 234.20) 71.0%, oklch(36.52% 0.0806 237.78) 74.2%, oklch(33.17% 0.0775 241.34) 77.4%, oklch(29.85% 0.0742 244.80) 80.6%, oklch(26.63% 0.0712 248.06) 83.9%, oklch(23.22% 0.0678 251.37) 87.1%, oklch(19.67% 0.0641 254.71) 90.3%, oklch(16.32% 0.0604 257.98) 93.5%, oklch(13.47% 0.0572 260.71) 96.8%, oklch(11.43% 0.0550 262.51) 100.0%);

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

Gradient nền ứng dụng Gradient ven biển Gradient retro Gradient hình nền máy tính

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