Xám, nâu và tím oải hương (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 225°: #d8e0e6, #a57d2b, #868c8f, #f7eae8, #46608b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d8e0e6
#c9dae2
#b1d2d6
#9ac9be
#90bc98
#97aa6e
#a2964a
#a88534
#a57d2b
#9a7b2c
#897e39
#75824d
#668565
#648578
#6e8584
#7a868a
#868c8f
#95979a
#a7a7a9
#bbbabc
#cfccce
#e2dcdd
#f0e6e6
#f7eae8
#f4e3e1
#ead3d4
#d9bcc5
#c0a3b8
#a08bad
#7e78a1
#5d6995
#46608b

CSS

background: linear-gradient(225deg in oklch, oklch(90.16% 0.0124 243.98) 0.0%, oklch(87.68% 0.0215 228.71) 3.2%, oklch(84.15% 0.0352 205.90) 6.5%, oklch(79.93% 0.0516 178.60) 9.7%, oklch(75.39% 0.0689 149.87) 12.9%, oklch(70.90% 0.0851 122.74) 16.1%, oklch(66.83% 0.0983 100.25) 19.4%, oklch(63.54% 0.1068 85.46) 22.6%, oklch(61.37% 0.1086 81.30) 25.8%, oklch(59.90% 0.1030 87.24) 29.0%, oklch(58.87% 0.0916 100.91) 32.3%, oklch(58.32% 0.0764 120.36) 35.5%, oklch(58.25% 0.0591 143.69) 38.7%, oklch(58.70% 0.0419 168.98) 41.9%, oklch(59.69% 0.0265 194.29) 45.2%, oklch(61.22% 0.0148 217.73) 48.4%, oklch(63.54% 0.0083 238.59) 51.6%, oklch(67.62% 0.0046 262.39) 54.8%, oklch(73.01% 0.0028 288.46) 58.1%, oklch(78.98% 0.0028 314.89) 61.3%, oklch(84.83% 0.0042 339.75) 64.5%, oklch(89.86% 0.0068 1.14) 67.7%, oklch(93.36% 0.0102 17.14) 71.0%, oklch(94.61% 0.0141 25.84) 74.2%, oklch(92.95% 0.0191 25.10) 77.4%, oklch(88.55% 0.0262 14.82) 80.6%, oklch(82.18% 0.0350 357.57) 83.9%, oklch(74.65% 0.0445 336.01) 87.1%, oklch(66.76% 0.0541 312.81) 90.3%, oklch(59.29% 0.0631 290.60) 93.5%, oklch(53.04% 0.0705 272.06) 96.8%, oklch(48.82% 0.0758 259.84) 100.0%);

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