Xám, tím, đỏ nâu và nâu vàng (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 132°: #d9dee2, #8490a0, #792337, #a25b31, #d0a65f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d9dee2
#d2d8dd
#c9d0d5
#bfc6cb
#b4bbc1
#a8b0b7
#9ba5ae
#8f9aa6
#8490a0
#7a849b
#727595
#6f648c
#70527f
#73416d
#753359
#772846
#792337
#7c242d
#812927
#873224
#8e3c26
#954729
#9b522e
#a25b31
#a76434
#ad6e39
#b4793f
#bb8446
#c28e4d
#c79854
#cca05a
#d0a65f

CSS

background: linear-gradient(132deg in oklch, oklch(89.76% 0.0083 241.87) 0.0%, oklch(87.85% 0.0092 242.18) 3.2%, oklch(85.32% 0.0098 241.82) 6.5%, oklch(82.30% 0.0105 241.35) 9.7%, oklch(78.95% 0.0117 241.32) 12.9%, oklch(75.39% 0.0137 242.28) 16.1%, oklch(71.78% 0.0168 244.79) 19.4%, oklch(68.25% 0.0215 249.40) 22.6%, oklch(64.92% 0.0281 256.68) 25.8%, oklch(61.22% 0.0378 267.59) 29.0%, oklch(57.11% 0.0503 281.54) 32.3%, oklch(52.88% 0.0643 297.48) 35.5%, oklch(48.80% 0.0788 314.36) 38.7%, oklch(45.16% 0.0927 331.11) 41.9%, oklch(42.22% 0.1048 346.68) 45.2%, oklch(40.28% 0.1140 0.01) 48.4%, oklch(39.58% 0.1193 10.33) 51.6%, oklch(40.07% 0.1215 18.69) 54.8%, oklch(41.50% 0.1213 25.62) 58.1%, oklch(43.65% 0.1194 31.43) 61.3%, oklch(46.26% 0.1164 36.44) 64.5%, oklch(49.11% 0.1130 40.96) 67.7%, oklch(51.94% 0.1099 45.30) 71.0%, oklch(54.54% 0.1078 49.78) 74.2%, oklch(56.94% 0.1068 54.50) 77.4%, oklch(59.66% 0.1058 59.11) 80.6%, oklch(62.58% 0.1050 63.49) 83.9%, oklch(65.55% 0.1042 67.57) 87.1%, oklch(68.42% 0.1035 71.29) 90.3%, oklch(71.01% 0.1029 74.57) 93.5%, oklch(73.20% 0.1024 77.32) 96.8%, oklch(74.80% 0.1020 79.49) 100.0%);

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

Phong cách opera

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