Xanh hải quân, tím và nâu vàng (ba tông) (gradient tuyến tính)

Bảng màu Xanh hải quân, tím và nâu vàng (ba tông)

Gradient tuyến tính, 40 màu, góc 135°: #01203f, #003e52, #864c86, #c38747, #d6c0a0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#01203f
#002141
#002441
#002642
#002943
#002c44
#003045
#003347
#00374a
#003b4d
#003e52
#004257
#00465e
#004967
#054b74
#204d7d
#354d85
#494d8c
#5e4d8f
#734c8d
#864c86
#974d7c
#a5506e
#b05560
#b85c52
#bc6447
#bf6d40
#c1763e
#c27e41
#c38747
#c58f50
#c7965a
#c99d65
#cba46f
#cdaa7a
#cfb084
#d1b58d
#d3b995
#d5bd9b
#d6c0a0

CSS

background: linear-gradient(135deg in oklch, oklch(24.02% 0.0703 251.72) 0.0%, oklch(24.63% 0.0709 250.65) 2.6%, oklch(25.33% 0.0688 248.34) 5.1%, oklch(26.14% 0.0661 245.25) 7.7%, oklch(27.03% 0.0638 241.69) 10.3%, oklch(28.02% 0.0621 237.93) 12.8%, oklch(29.08% 0.0611 234.26) 15.4%, oklch(30.21% 0.0609 230.97) 17.9%, oklch(31.41% 0.0615 228.32) 20.5%, oklch(32.68% 0.0629 226.62) 23.1%, oklch(33.99% 0.0651 226.14) 25.6%, oklch(35.35% 0.0684 227.17) 28.2%, oklch(36.76% 0.0732 229.98) 30.8%, oklch(38.20% 0.0809 234.87) 33.3%, oklch(39.71% 0.0918 242.30) 35.9%, oklch(41.34% 0.0946 252.44) 38.5%, oklch(43.07% 0.0979 264.76) 41.0%, oklch(44.88% 0.1014 278.82) 43.6%, oklch(46.75% 0.1050 294.16) 46.2%, oklch(48.66% 0.1086 310.31) 48.7%, oklch(50.60% 0.1120 326.84) 51.3%, oklch(52.55% 0.1150 343.27) 53.8%, oklch(54.49% 0.1176 359.16) 56.4%, oklch(56.41% 0.1195 14.04) 59.0%, oklch(58.28% 0.1206 27.47) 61.5%, oklch(60.08% 0.1208 38.98) 64.1%, oklch(61.81% 0.1199 48.12) 66.7%, oklch(63.53% 0.1176 55.18) 69.2%, oklch(65.30% 0.1139 60.88) 71.8%, oklch(67.10% 0.1091 65.36) 74.4%, oklch(68.91% 0.1034 68.79) 76.9%, oklch(70.71% 0.0970 71.31) 79.5%, oklch(72.47% 0.0901 73.09) 82.1%, oklch(74.17% 0.0831 74.27) 84.6%, oklch(75.79% 0.0761 75.02) 87.2%, oklch(77.31% 0.0693 75.49) 89.7%, oklch(78.70% 0.0631 75.84) 92.3%, oklch(79.94% 0.0576 76.22) 94.9%, oklch(81.01% 0.0530 76.79) 97.4%, oklch(81.89% 0.0496 77.71) 100.0%);

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

Gradient cho hero section Gradient hình nền máy tính Gradient hình nền

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