Xanh hải quân, xám và nâu vàng (bổ túc) (gradient tuyến tính)

Bảng màu Xanh hải quân, xám và nâu vàng (bổ túc)

Gradient tuyến tính, 32 màu, góc 90°: #1f2650, #385a88, #889faa, #c0bca8, #cfa374. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1f2650
#202a55
#232f5b
#253462
#283b6a
#2b4272
#2f4a7a
#335281
#385a88
#41628d
#4b6b92
#577497
#637d9c
#6f86a0
#798fa4
#8297a7
#889faa
#8fa6ab
#96adac
#9eb2ac
#a8b7ab
#b1baaa
#b9bca9
#c0bca8
#c5bca6
#c9baa1
#cbb69a
#ccb291
#cdae88
#cda980
#cea578
#cfa374

CSS

background: linear-gradient(90deg in oklch, oklch(28.74% 0.0772 272.81) 0.0%, oklch(30.06% 0.0783 271.59) 3.2%, oklch(31.78% 0.0802 270.00) 6.5%, oklch(33.83% 0.0826 268.12) 9.7%, oklch(36.13% 0.0849 266.00) 12.9%, oklch(38.60% 0.0867 263.70) 16.1%, oklch(41.17% 0.0876 261.28) 19.4%, oklch(43.76% 0.0870 258.81) 22.6%, oklch(46.31% 0.0846 256.40) 25.8%, oklch(49.05% 0.0797 255.02) 29.0%, oklch(52.00% 0.0728 254.49) 32.3%, oklch(55.08% 0.0647 254.09) 35.5%, oklch(58.17% 0.0560 253.11) 38.7%, oklch(61.18% 0.0474 250.83) 41.9%, oklch(64.02% 0.0398 246.54) 45.2%, oklch(66.57% 0.0338 239.52) 48.4%, oklch(68.80% 0.0300 228.86) 51.6%, oklch(70.90% 0.0271 213.46) 54.8%, oklch(72.88% 0.0251 194.51) 58.1%, oklch(74.69% 0.0239 173.47) 61.3%, oklch(76.29% 0.0236 151.84) 64.5%, oklch(77.64% 0.0242 131.09) 67.7%, oklch(78.69% 0.0257 112.70) 71.0%, oklch(79.41% 0.0282 98.14) 74.2%, oklch(79.68% 0.0321 88.08) 77.4%, oklch(79.42% 0.0381 80.95) 80.6%, oklch(78.75% 0.0456 76.14) 83.9%, oklch(77.83% 0.0539 73.10) 87.1%, oklch(76.80% 0.0623 71.30) 90.3%, oklch(75.78% 0.0701 70.17) 93.5%, oklch(74.94% 0.0767 69.19) 96.8%, oklch(74.41% 0.0813 67.80) 100.0%);

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

Tiệc cưới lụa sâm panh

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