Xanh dương, nâu vàng và tím (ba tông) (gradient tuyến tính)

Bảng màu Xanh dương, nâu vàng và tím (ba tông)

Gradient tuyến tính, 32 màu, góc 45°: #304293, #a8617e, #c59a74, #c5796c, #9f4f8f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#304293
#3d4395
#4c4596
#5d4796
#6e4a94
#7e4e91
#8e538b
#9c5985
#a8617e
#b26a78
#b97374
#be7d71
#c18670
#c38e71
#c49472
#c59874
#c59a74
#c69a73
#c69872
#c7946f
#c78f6d
#c7886b
#c7816b
#c5796c
#c3716f
#bf6a73
#ba6378
#b55d7e
#ae5883
#a85488
#a3518c
#9f4f8f

CSS

background: linear-gradient(45deg in oklch, oklch(41.34% 0.1350 270.00) 0.0%, oklch(42.53% 0.1326 275.99) 3.2%, oklch(44.11% 0.1292 283.92) 6.5%, oklch(46.01% 0.1251 293.48) 9.7%, oklch(48.18% 0.1204 304.36) 12.9%, oklch(50.54% 0.1153 316.24) 16.1%, oklch(53.04% 0.1099 328.81) 19.4%, oklch(55.61% 0.1044 341.75) 22.6%, oklch(58.20% 0.0989 354.74) 25.8%, oklch(60.73% 0.0935 7.47) 29.0%, oklch(63.15% 0.0885 19.63) 32.3%, oklch(65.40% 0.0839 30.90) 35.5%, oklch(67.41% 0.0800 40.97) 38.7%, oklch(69.11% 0.0768 49.52) 41.9%, oklch(70.46% 0.0745 56.23) 45.2%, oklch(71.37% 0.0732 60.79) 48.4%, oklch(71.81% 0.0732 62.94) 51.6%, oklch(71.81% 0.0743 62.85) 54.8%, oklch(71.42% 0.0765 60.80) 58.1%, oklch(70.69% 0.0796 57.06) 61.3%, oklch(69.69% 0.0835 51.88) 64.5%, oklch(68.45% 0.0880 45.54) 67.7%, oklch(67.03% 0.0929 38.29) 71.0%, oklch(65.48% 0.0981 30.40) 74.2%, oklch(63.86% 0.1035 22.12) 77.4%, oklch(62.22% 0.1090 13.73) 80.6%, oklch(60.60% 0.1143 5.48) 83.9%, oklch(59.06% 0.1193 357.63) 87.1%, oklch(57.65% 0.1239 350.44) 90.3%, oklch(56.42% 0.1279 344.19) 93.5%, oklch(55.43% 0.1312 339.13) 96.8%, oklch(54.72% 0.1337 335.52) 100.0%);

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

Giao diện kính óng ánh

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