Xám, xanh ô liu, hồng đào và nâu (gradient tuyến tính)

Bảng màu Xám, xanh ô liu, hồng đào và nâu

Gradient tuyến tính, 32 màu, góc 90°: #55664f, #a6b46f, #eedea5, #ecb496, #a86760. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#55664f
#5a6c51
#617554
#6b8057
#778b5a
#83965e
#8fa161
#9aaa67
#a6b46f
#b1be78
#bbc781
#c6d08a
#d0d691
#d9da96
#e1dd9b
#e8dea0
#eedea5
#f2dca8
#f4daaa
#f5d6a9
#f4cfa6
#f3c7a1
#f0be9b
#ecb496
#e6aa90
#e0a18b
#d79684
#cd8b7c
#c28074
#b7766b
#ae6d64
#a86760

CSS

background: linear-gradient(90deg in oklch, oklch(48.82% 0.0413 137.81) 0.0%, oklch(50.90% 0.0469 135.96) 3.2%, oklch(53.78% 0.0550 133.35) 6.5%, oklch(57.19% 0.0645 130.27) 9.7%, oklch(60.86% 0.0741 127.04) 12.9%, oklch(64.52% 0.0825 123.97) 16.1%, oklch(67.89% 0.0887 121.35) 19.4%, oklch(70.99% 0.0921 119.48) 22.6%, oklch(74.23% 0.0938 118.30) 25.8%, oklch(77.45% 0.0941 117.41) 29.0%, oklch(80.51% 0.0934 116.43) 32.3%, oklch(83.24% 0.0920 114.97) 35.5%, oklch(85.49% 0.0903 112.65) 38.7%, oklch(87.17% 0.0882 109.16) 41.9%, oklch(88.46% 0.0846 104.72) 45.2%, oklch(89.38% 0.0801 99.57) 48.4%, oklch(89.91% 0.0754 93.93) 51.6%, oklch(90.04% 0.0712 88.04) 54.8%, oklch(89.75% 0.0683 82.11) 58.1%, oklch(89.01% 0.0674 76.28) 61.3%, oklch(87.71% 0.0684 69.92) 64.5%, oklch(85.91% 0.0707 63.18) 67.7%, oklch(83.74% 0.0737 56.42) 71.0%, oklch(81.33% 0.0769 50.02) 74.2%, oklch(78.80% 0.0797 44.35) 77.4%, oklch(76.25% 0.0816 39.77) 80.6%, oklch(73.28% 0.0828 36.20) 83.9%, oklch(69.89% 0.0836 33.36) 87.1%, oklch(66.39% 0.0843 31.15) 90.3%, oklch(63.08% 0.0847 29.41) 93.5%, oklch(60.27% 0.0851 28.02) 96.8%, oklch(58.27% 0.0854 26.85) 100.0%);

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

Rạng đông hái nhài

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