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

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

Gradient tuyến tính, 24 màu, góc 180°: #a86655, #cc917e, #8c8384, #36505d, #00142a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a86655
#af6d5b
#b97664
#c4806d
#ca8874
#cc8d7a
#cc917e
#c99382
#c39386
#b79388
#a79089
#988b89
#8c8384
#7f797e
#6e6f79
#5a6570
#485b65
#36505d
#264457
#18384f
#0d2e46
#05233b
#021a31
#00142a

CSS

background: linear-gradient(180deg in oklch, oklch(57.87% 0.0896 35.16) 0.0%, oklch(60.10% 0.0895 35.61) 4.3%, oklch(63.32% 0.0895 36.27) 8.7%, oklch(66.55% 0.0887 36.91) 13.0%, oklch(68.78% 0.0863 37.33) 17.4%, oklch(70.15% 0.0825 37.90) 21.7%, oklch(70.96% 0.0775 38.41) 26.1%, oklch(71.14% 0.0706 38.17) 30.4%, oklch(70.60% 0.0611 36.96) 34.8%, oklch(69.27% 0.0463 38.26) 39.1%, oklch(67.29% 0.0297 38.22) 43.5%, oklch(64.78% 0.0163 30.82) 47.8%, oklch(61.85% 0.0106 9.09) 52.2%, oklch(58.29% 0.0111 329.12) 56.5%, oklch(54.31% 0.0155 283.69) 60.9%, oklch(50.18% 0.0214 247.37) 65.2%, oklch(46.02% 0.0283 231.66) 69.6%, oklch(41.60% 0.0382 230.84) 73.9%, oklch(37.15% 0.0484 237.01) 78.3%, oklch(32.94% 0.0558 242.63) 82.6%, oklch(28.92% 0.0582 244.45) 87.0%, oklch(24.88% 0.0573 246.69) 91.3%, oklch(21.36% 0.0552 248.87) 95.7%, oklch(18.90% 0.0537 250.38) 100.0%);

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

Gradient chạng vạ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