Xanh dương, xám, nâu vàng và hồng cá hồi (gradient tuyến tính)

Bảng màu Xanh dương, xám, nâu vàng và hồng cá hồi

Gradient tuyến tính, 32 màu, góc 180°: #265365, #638387, #b6ab92, #dc926d, #cd5342. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#265365
#2b5668
#325b6c
#3a6170
#436775
#4c6e7b
#547680
#5c7d84
#638387
#6b8a89
#76918b
#81988c
#8e9e8e
#9aa390
#a5a792
#aeaa93
#b6ab92
#bdab8f
#c4aa8a
#caa784
#d0a37e
#d59e77
#d99871
#dc926d
#de8b68
#dd8463
#dc7b5d
#d97156
#d5684f
#d26049
#cf5945
#cd5342

CSS

background: linear-gradient(180deg in oklch, oklch(41.73% 0.0579 227.11) 0.0%, oklch(43.06% 0.0561 226.18) 3.2%, oklch(44.84% 0.0536 225.68) 6.5%, oklch(46.97% 0.0506 225.12) 9.7%, oklch(49.32% 0.0473 224.02) 12.9%, oklch(51.79% 0.0441 221.92) 16.1%, oklch(54.26% 0.0411 218.33) 19.4%, oklch(56.63% 0.0386 212.77) 22.6%, oklch(58.80% 0.0368 204.74) 25.8%, oklch(61.04% 0.0349 193.22) 29.0%, oklch(63.42% 0.0329 178.75) 32.3%, oklch(65.81% 0.0310 162.37) 35.5%, oklch(68.12% 0.0296 145.11) 38.7%, oklch(70.25% 0.0292 128.03) 41.9%, oklch(72.07% 0.0300 112.16) 45.2%, oklch(73.49% 0.0325 98.54) 48.4%, oklch(74.42% 0.0370 87.93) 51.6%, oklch(74.97% 0.0439 79.18) 54.8%, oklch(75.18% 0.0527 71.82) 58.1%, oklch(75.10% 0.0628 65.60) 61.3%, oklch(74.77% 0.0736 60.28) 64.5%, oklch(74.22% 0.0845 55.64) 67.7%, oklch(73.51% 0.0948 51.43) 71.0%, oklch(72.67% 0.1040 47.41) 74.2%, oklch(71.60% 0.1122 43.59) 77.4%, oklch(70.09% 0.1203 40.44) 80.6%, oklch(68.27% 0.1282 37.87) 83.9%, oklch(66.29% 0.1358 35.80) 87.1%, oklch(64.31% 0.1429 34.13) 90.3%, oklch(62.47% 0.1491 32.76) 93.5%, oklch(60.93% 0.1544 31.60) 96.8%, oklch(59.84% 0.1585 30.55) 100.0%);

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

Gradient vintage

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