Hồng, xám, nâu và xanh lá đậm (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 135°: #d29297, #d6d4ce, #6d8f48, #38220e, #003628. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d29297
#d39597
#d39998
#d49e99
#d5a39c
#d6a99f
#d6b0a4
#d7b6a9
#d7bcaf
#d7c2b5
#d7c7bc
#d7ccc2
#d8cfc7
#d8d2cb
#d8d4ce
#d7d4cf
#d6d4ce
#d5d2ca
#d3d0c5
#d0cdbe
#cbc9b6
#c6c6ac
#c0c2a2
#b8be98
#b0b98e
#a6b584
#9db07a
#93ab71
#89a668
#80a160
#789b58
#719650
#6d8f48
#6a8840
#688036
#68772c
#676e22
#666419
#645a12
#61510e
#5d480d
#58400e
#52380f
#4c3210
#462d11
#412811
#3c2410
#38220e
#35200d
#321f0a
#301f08
#2e1f07
#2c2005
#2b2205
#282405
#262607
#23290a
#1f2b0e
#1b2e13
#163018
#10321d
#093421
#033525
#003628

CSS

background: linear-gradient(135deg in oklch, oklch(72.44% 0.0772 14.77) 0.0%, oklch(73.04% 0.0744 17.30) 1.6%, oklch(73.87% 0.0706 20.41) 3.2%, oklch(74.89% 0.0659 24.04) 4.8%, oklch(76.07% 0.0605 28.11) 6.3%, oklch(77.36% 0.0547 32.55) 7.9%, oklch(78.71% 0.0485 37.29) 9.5%, oklch(80.10% 0.0421 42.26) 11.1%, oklch(81.47% 0.0358 47.38) 12.7%, oklch(82.78% 0.0297 52.59) 14.3%, oklch(84.00% 0.0241 57.81) 15.9%, oklch(85.08% 0.0190 62.97) 17.5%, oklch(85.97% 0.0146 68.01) 19.0%, oklch(86.65% 0.0112 72.84) 20.6%, oklch(87.05% 0.0090 77.40) 22.2%, oklch(87.16% 0.0080 81.62) 23.8%, oklch(86.91% 0.0086 85.44) 25.4%, oklch(86.37% 0.0109 89.32) 27.0%, oklch(85.58% 0.0149 93.40) 28.6%, oklch(84.55% 0.0203 97.60) 30.2%, oklch(83.32% 0.0269 101.85) 31.7%, oklch(81.90% 0.0344 106.08) 33.3%, oklch(80.33% 0.0426 110.21) 34.9%, oklch(78.62% 0.0512 114.18) 36.5%, oklch(76.79% 0.0600 117.91) 38.1%, oklch(74.87% 0.0687 121.33) 39.7%, oklch(72.89% 0.0770 124.37) 41.3%, oklch(70.86% 0.0848 126.95) 42.9%, oklch(68.81% 0.0918 129.01) 44.4%, oklch(66.76% 0.0977 130.46) 46.0%, oklch(64.74% 0.1023 131.25) 47.6%, oklch(62.77% 0.1053 131.29) 49.2%, oklch(60.83% 0.1065 130.42) 50.8%, oklch(58.73% 0.1062 128.10) 52.4%, oklch(56.45% 0.1046 124.44) 54.0%, oklch(54.04% 0.1019 119.69) 55.6%, oklch(51.52% 0.0982 114.06) 57.1%, oklch(48.94% 0.0937 107.79) 58.7%, oklch(46.33% 0.0886 101.10) 60.3%, oklch(43.73% 0.0832 94.22) 61.9%, oklch(41.17% 0.0775 87.39) 63.5%, oklch(38.69% 0.0717 80.83) 65.1%, oklch(36.32% 0.0660 74.77) 66.7%, oklch(34.10% 0.0607 69.43) 68.3%, oklch(32.07% 0.0558 65.05) 69.8%, oklch(30.26% 0.0516 61.86) 71.4%, oklch(28.70% 0.0482 60.09) 73.0%, oklch(27.43% 0.0459 59.96) 74.6%, oklch(26.48% 0.0445 61.66) 76.2%, oklch(25.82% 0.0438 65.09) 77.8%, oklch(25.41% 0.0436 70.03) 79.4%, oklch(25.22% 0.0439 76.26) 81.0%, oklch(25.23% 0.0446 83.55) 82.5%, oklch(25.40% 0.0456 91.68) 84.1%, oklch(25.71% 0.0469 100.43) 85.7%, oklch(26.12% 0.0484 109.57) 87.3%, oklch(26.61% 0.0500 118.89) 88.9%, oklch(27.14% 0.0517 128.15) 90.5%, oklch(27.68% 0.0533 137.13) 92.1%, oklch(28.20% 0.0549 145.62) 93.7%, oklch(28.68% 0.0564 153.38) 95.2%, oklch(29.08% 0.0576 160.20) 96.8%, oklch(29.37% 0.0586 165.85) 98.4%, oklch(29.54% 0.0584 170.04) 100.0%);

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

Gradient khu vườn phong sươ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