Xanh hải quân, xanh cổ vịt và nâu vàng (gradient tuyến tính)

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

Gradient tuyến tính, 32 màu, góc 225°: #183b45, #316672, #6e8d51, #c9914e, #d7b878. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#183b45
#193e48
#1c424d
#204752
#234c58
#27525f
#2b5966
#2f5f6c
#316672
#336d77
#34737b
#35797b
#377f79
#3d8573
#49896a
#5a8c5e
#6e8d51
#828d45
#958c3c
#a58a39
#b38a3b
#bc8b41
#c48d47
#c9914e
#cd9654
#d09b5a
#d2a160
#d4a766
#d5ac6b
#d5b170
#d6b575
#d7b878

CSS

background: linear-gradient(225deg in oklch, oklch(33.07% 0.0441 219.37) 0.0%, oklch(34.20% 0.0453 218.94) 3.2%, oklch(35.67% 0.0467 218.98) 6.5%, oklch(37.41% 0.0483 219.25) 9.7%, oklch(39.37% 0.0501 219.49) 12.9%, oklch(41.47% 0.0521 219.43) 16.1%, oklch(43.65% 0.0543 218.82) 19.4%, oklch(45.84% 0.0567 217.41) 22.6%, oklch(47.97% 0.0593 214.92) 25.8%, oklch(49.98% 0.0621 211.11) 29.0%, oklch(51.81% 0.0651 205.72) 32.3%, oklch(53.42% 0.0684 198.21) 35.5%, oklch(54.95% 0.0725 187.90) 38.7%, oklch(56.41% 0.0772 175.36) 41.9%, oklch(57.82% 0.0823 161.27) 45.2%, oklch(59.18% 0.0875 146.28) 48.4%, oklch(60.50% 0.0926 131.07) 51.6%, oklch(61.80% 0.0974 116.31) 54.8%, oklch(63.09% 0.1017 102.65) 58.1%, oklch(64.37% 0.1053 90.76) 61.3%, oklch(65.66% 0.1078 81.32) 64.5%, oklch(66.98% 0.1092 74.93) 67.7%, oklch(68.36% 0.1093 71.15) 71.0%, oklch(69.81% 0.1083 69.45) 74.2%, oklch(71.27% 0.1065 69.43) 77.4%, oklch(72.73% 0.1042 70.71) 80.6%, oklch(74.15% 0.1014 72.90) 83.9%, oklch(75.50% 0.0985 75.62) 87.1%, oklch(76.74% 0.0956 78.49) 90.3%, oklch(77.85% 0.0930 81.12) 93.5%, oklch(78.79% 0.0909 83.12) 96.8%, oklch(79.53% 0.0896 84.11) 100.0%);

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

Afro bohemian

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