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

Gradient tuyến tính, 64 màu, góc 135°: #f3e9d2, #6c6a80, #523560, #885b64, #889d7c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f3e9d2
#ebe4cc
#dfdec6
#d1d5be
#c2ccb7
#b2c1b0
#a3b6a8
#94aaa2
#879f9b
#7c9494
#73898e
#6d8089
#687985
#667382
#666f80
#686c80
#6c6a80
#726980
#786980
#7f697e
#86697c
#8b6979
#906a76
#936972
#94686e
#93656a
#916166
#8b5a63
#845361
#7a4b60
#6e4360
#613b60
#523560
#43305e
#352b5b
#292858
#1f2655
#192453
#192452
#1e2554
#282857
#332c5b
#41315e
#503761
#603f62
#6f4763
#7c5163
#885b64
#916564
#986e66
#9c7667
#9f7c69
#a0826a
#a0866b
#9f8a6c
#9d8e6d
#9b916e
#989370
#959571
#929773
#8f9975
#8c9a78
#899b7a
#889d7c

CSS

background: linear-gradient(135deg in oklch, oklch(93.70% 0.0331 87.89) 0.0%, oklch(91.84% 0.0327 95.23) 1.6%, oklch(89.38% 0.0321 104.48) 3.2%, oklch(86.42% 0.0313 115.36) 4.8%, oklch(83.09% 0.0304 127.58) 6.3%, oklch(79.49% 0.0294 140.86) 7.9%, oklch(75.74% 0.0285 154.90) 9.5%, oklch(71.96% 0.0277 169.43) 11.1%, oklch(68.26% 0.0270 184.16) 12.7%, oklch(64.75% 0.0265 198.80) 14.3%, oklch(61.56% 0.0263 213.08) 15.9%, oklch(58.78% 0.0264 226.69) 17.5%, oklch(56.55% 0.0270 239.37) 19.0%, oklch(54.96% 0.0280 251.01) 20.6%, oklch(53.99% 0.0296 263.15) 22.2%, oklch(53.53% 0.0316 275.92) 23.8%, oklch(53.50% 0.0339 289.03) 25.4%, oklch(53.78% 0.0366 302.17) 27.0%, oklch(54.29% 0.0395 315.06) 28.6%, oklch(54.91% 0.0425 327.39) 30.2%, oklch(55.56% 0.0456 338.86) 31.7%, oklch(56.14% 0.0488 349.18) 33.3%, oklch(56.54% 0.0519 358.05) 34.9%, oklch(56.67% 0.0549 5.17) 36.5%, oklch(56.43% 0.0576 10.25) 38.1%, oklch(55.72% 0.0602 12.98) 39.7%, oklch(54.42% 0.0625 12.60) 41.3%, oklch(52.49% 0.0651 8.41) 42.9%, oklch(50.08% 0.0678 1.08) 44.4%, oklch(47.31% 0.0706 351.31) 46.0%, oklch(44.32% 0.0733 339.80) 47.6%, oklch(41.23% 0.0759 327.27) 49.2%, oklch(38.18% 0.0784 314.41) 50.8%, oklch(35.29% 0.0806 301.94) 52.4%, oklch(32.71% 0.0825 290.56) 54.0%, oklch(30.56% 0.0840 280.97) 55.6%, oklch(28.97% 0.0850 273.87) 57.1%, oklch(28.08% 0.0855 269.98) 58.7%, oklch(28.01% 0.0853 269.98) 60.3%, oklch(28.83% 0.0844 273.48) 61.9%, oklch(30.41% 0.0827 279.78) 63.5%, oklch(32.63% 0.0803 288.46) 65.1%, oklch(35.36% 0.0775 299.08) 66.7%, oklch(38.47% 0.0742 311.22) 68.3%, oklch(41.83% 0.0708 324.43) 69.8%, oklch(45.31% 0.0673 338.29) 71.4%, oklch(48.78% 0.0638 352.37) 73.0%, oklch(52.11% 0.0604 6.23) 74.6%, oklch(55.17% 0.0574 19.45) 76.2%, oklch(57.83% 0.0549 31.60) 77.8%, oklch(59.96% 0.0529 42.24) 79.4%, oklch(61.51% 0.0516 51.32) 81.0%, oklch(62.75% 0.0508 60.17) 82.5%, oklch(63.75% 0.0502 68.88) 84.1%, oklch(64.54% 0.0500 77.39) 85.7%, oklch(65.14% 0.0499 85.64) 87.3%, oklch(65.58% 0.0501 93.56) 88.9%, oklch(65.91% 0.0504 101.09) 90.5%, oklch(66.14% 0.0508 108.18) 92.1%, oklch(66.30% 0.0512 114.76) 93.7%, oklch(66.43% 0.0516 120.77) 95.2%, oklch(66.56% 0.0520 126.14) 96.8%, oklch(66.72% 0.0523 130.82) 98.4%, oklch(66.93% 0.0524 134.74) 100.0%);

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

Tiệc cưới trong vườn ô liu

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