Xanh cổ vịt, xanh dương, tím và nâu (gradient tuyến tính)

Bảng màu Xanh cổ vịt, xanh dương, tím và nâu

Gradient tuyến tính, 32 màu, góc 90°: #487774, #465493, #693e97, #934779, #af6850. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#487774
#417677
#3a737c
#366e81
#366987
#3a638b
#3f5d8e
#435890
#465493
#485096
#4b4d99
#4e499b
#52469d
#58439d
#5e419c
#633f9a
#693e97
#6f3e94
#753e91
#7c3e8d
#823f88
#884183
#8e447e
#934779
#984a73
#9d4d6e
#a25168
#a65662
#aa5a5c
#ad6057
#af6453
#af6850

CSS

background: linear-gradient(90deg in oklch, oklch(53.54% 0.0524 190.55) 0.0%, oklch(52.89% 0.0560 198.43) 3.2%, oklch(51.95% 0.0608 209.71) 6.5%, oklch(50.85% 0.0666 222.92) 9.7%, oklch(49.71% 0.0730 236.63) 12.9%, oklch(48.65% 0.0798 249.37) 16.1%, oklch(47.78% 0.0868 259.70) 19.4%, oklch(47.13% 0.0943 266.91) 22.6%, oklch(46.56% 0.1031 272.20) 25.8%, oklch(46.09% 0.1124 276.18) 29.0%, oklch(45.71% 0.1216 279.43) 32.3%, oklch(45.45% 0.1297 282.54) 35.5%, oklch(45.30% 0.1360 286.09) 38.7%, oklch(45.28% 0.1399 290.41) 41.9%, oklch(45.39% 0.1419 294.75) 45.2%, oklch(45.61% 0.1426 299.10) 48.4%, oklch(45.95% 0.1421 303.55) 51.6%, oklch(46.38% 0.1408 308.21) 54.8%, oklch(46.90% 0.1390 313.15) 58.1%, oklch(47.50% 0.1369 318.47) 61.3%, oklch(48.23% 0.1337 324.12) 64.5%, oklch(49.08% 0.1295 330.04) 67.7%, oklch(50.02% 0.1248 336.20) 71.0%, oklch(50.99% 0.1201 342.55) 74.2%, oklch(51.98% 0.1158 349.06) 77.4%, oklch(52.95% 0.1124 355.70) 80.6%, oklch(54.02% 0.1094 3.21) 83.9%, oklch(55.19% 0.1067 11.43) 87.1%, oklch(56.37% 0.1043 19.73) 90.3%, oklch(57.46% 0.1022 27.47) 93.5%, oklch(58.39% 0.1005 34.02) 96.8%, oklch(59.06% 0.0992 38.73) 100.0%);

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

Protea cuối đô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