Tím, xanh hải quân, xám và be (gradient tuyến tính)

Gradient tuyến tính, 56 màu, góc 135°: #7a7195, #1e304b, #8c9ebd, #e6dfc2, #8d427e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7a7195
#736d90
#6a6788
#5e607e
#525873
#464f68
#3b475c
#313e51
#293747
#223240
#1d2e3c
#1a2c3a
#192c3d
#1a2d42
#1e304b
#263355
#313660
#3f396b
#4d3d75
#5c417d
#6a4685
#754c8d
#7d5395
#815d9e
#8369a8
#8376b1
#8484b7
#8691bb
#8c9ebd
#95a9bd
#a2b2bd
#afbabe
#bbc0c1
#c4c5c5
#cacaca
#cecfcf
#d1d5d2
#d3d9d3
#d6ddd2
#dae0ce
#e0e0c9
#e6dfc2
#eddbbb
#f2d6b4
#f5cfaf
#f5c5a9
#f2b8a3
#ebaa9c
#e29a96
#d78a90
#ca7a8b
#bc6b87
#ae5d83
#a15180
#96487e
#8d427e

CSS

background: linear-gradient(135deg in oklch, oklch(57.09% 0.0551 296.02) 0.0%, oklch(55.36% 0.0537 292.80) 1.8%, oklch(52.91% 0.0515 288.14) 3.6%, oklch(49.92% 0.0487 282.40) 5.5%, oklch(46.57% 0.0456 275.97) 7.3%, oklch(43.04% 0.0424 269.25) 9.1%, oklch(39.52% 0.0393 262.61) 10.9%, oklch(36.18% 0.0368 256.45) 12.7%, oklch(33.21% 0.0349 251.14) 14.5%, oklch(30.80% 0.0339 247.08) 16.4%, oklch(29.11% 0.0341 244.65) 18.2%, oklch(28.35% 0.0358 244.23) 20.0%, oklch(28.48% 0.0398 246.58) 21.8%, oklch(29.31% 0.0461 251.74) 23.6%, oklch(30.73% 0.0543 259.01) 25.5%, oklch(32.65% 0.0637 267.73) 27.3%, oklch(34.97% 0.0736 277.20) 29.1%, oklch(37.58% 0.0835 286.76) 30.9%, oklch(40.39% 0.0927 295.71) 32.7%, oklch(43.29% 0.1006 303.38) 34.5%, oklch(46.19% 0.1066 309.08) 36.4%, oklch(48.99% 0.1100 312.14) 38.2%, oklch(51.57% 0.1102 311.87) 40.0%, oklch(54.18% 0.1066 308.34) 41.8%, oklch(57.04% 0.0993 302.32) 43.6%, oklch(60.09% 0.0892 294.18) 45.5%, oklch(63.25% 0.0771 284.29) 47.3%, oklch(66.45% 0.0637 273.00) 49.1%, oklch(69.61% 0.0498 260.70) 50.9%, oklch(72.66% 0.0363 247.74) 52.7%, oklch(75.52% 0.0239 234.49) 54.5%, oklch(78.13% 0.0134 221.32) 56.4%, oklch(80.41% 0.0056 208.59) 58.2%, oklch(82.28% 0.0014 196.68) 60.0%, oklch(83.90% 0.0004 184.95) 61.8%, oklch(85.41% 0.0018 172.64) 63.6%, oklch(86.79% 0.0052 159.90) 65.5%, oklch(87.98% 0.0102 146.88) 67.3%, oklch(88.96% 0.0165 133.76) 69.1%, oklch(89.66% 0.0237 120.67) 70.9%, oklch(90.07% 0.0314 107.79) 72.7%, oklch(90.13% 0.0393 95.27) 74.5%, oklch(89.79% 0.0471 83.26) 76.4%, oklch(89.03% 0.0543 71.92) 78.2%, oklch(87.80% 0.0606 61.42) 80.0%, oklch(85.82% 0.0667 51.45) 81.8%, oklch(82.99% 0.0733 41.67) 83.6%, oklch(79.50% 0.0803 32.17) 85.5%, oklch(75.52% 0.0874 23.03) 87.3%, oklch(71.24% 0.0946 14.33) 89.1%, oklch(66.85% 0.1016 6.14) 90.9%, oklch(62.52% 0.1082 358.55) 92.7%, oklch(58.45% 0.1144 351.65) 94.5%, oklch(54.82% 0.1199 345.50) 96.4%, oklch(51.81% 0.1245 340.20) 98.2%, oklch(49.61% 0.1281 335.82) 100.0%);

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

Gradient chạng vạng

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