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

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

Gradient tuyến tính, 32 màu, góc 90°: #142753, #243f8b, #7c4eab, #c5648b, #d79a73. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#142753
#152857
#162b5c
#172e62
#18316a
#1a3472
#1c387a
#1f3b82
#243f8b
#2b4292
#334499
#3d469f
#4848a4
#554aa8
#614baa
#6e4dab
#7c4eab
#8850a9
#9552a6
#a054a2
#ab579d
#b45a98
#bd5e91
#c5648b
#cb6a84
#d1717d
#d47978
#d68174
#d78972
#d89071
#d89572
#d79a73

CSS

background: linear-gradient(90deg in oklch, oklch(28.35% 0.0841 264.38) 0.0%, oklch(29.17% 0.0875 264.55) 3.2%, oklch(30.23% 0.0923 264.45) 6.5%, oklch(31.46% 0.0981 264.21) 9.7%, oklch(32.85% 0.1045 263.98) 12.9%, oklch(34.36% 0.1112 263.90) 16.1%, oklch(35.95% 0.1181 264.11) 19.4%, oklch(37.58% 0.1246 264.75) 22.6%, oklch(39.23% 0.1306 265.95) 25.8%, oklch(40.85% 0.1357 267.87) 29.0%, oklch(42.41% 0.1396 270.64) 32.3%, oklch(43.91% 0.1422 274.38) 35.5%, oklch(45.44% 0.1441 279.06) 38.7%, oklch(47.01% 0.1455 284.54) 41.9%, oklch(48.59% 0.1462 290.68) 45.2%, oklch(50.18% 0.1465 297.35) 48.4%, oklch(51.78% 0.1462 304.40) 51.6%, oklch(53.38% 0.1455 311.70) 54.8%, oklch(54.96% 0.1443 319.10) 58.1%, oklch(56.52% 0.1427 326.48) 61.3%, oklch(58.06% 0.1407 333.70) 64.5%, oklch(59.56% 0.1383 340.68) 67.7%, oklch(61.12% 0.1349 348.16) 71.0%, oklch(62.74% 0.1305 356.20) 74.2%, oklch(64.38% 0.1254 4.57) 77.4%, oklch(66.02% 0.1198 13.04) 80.6%, oklch(67.61% 0.1140 21.40) 83.9%, oklch(69.11% 0.1083 29.40) 87.1%, oklch(70.51% 0.1028 36.83) 90.3%, oklch(71.74% 0.0980 43.45) 93.5%, oklch(72.79% 0.0939 49.04) 96.8%, oklch(73.62% 0.0909 53.38) 100.0%);

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

Gradient hoàng hô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